@okta/odyssey-contribution-tooling 1.47.0 → 1.48.0

package/dist/esm/labs/OdysseyPickers/PickerVirtualizationListBox.js

@@ -1,129 +0,0 @@
-/*!
- * 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.
- */
-
-import styled from "@emotion/styled";
-import { Children, createContext, forwardRef, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { VariableSizeList } from "react-window";
-import { jsx as _jsx } from "react/jsx-runtime";
-const ListboxContainer = styled.div({
-  width: "100%",
-  height: "100%"
-});
-const Row = ({
-  data,
-  index,
-  setItemSize,
-  style
-}) => {
-  const rowRef = useRef(null);
-  useEffect(() => {
-    if (rowRef.current) {
-      const firstChild = rowRef.current.firstElementChild;
-      const height = firstChild ? firstChild.clientHeight : rowRef.current.clientHeight;
-      setItemSize(height);
-    }
-  }, [index, rowRef, setItemSize]);
-  const baseOption = data[index];
-  const {
-    props
-  } = baseOption;
-  const styles = useMemo(() => ({
-    ...style,
-    height: "auto"
-  }), [style]);
-  return _jsx("div", {
-    ref: rowRef,
-    children: _jsx("li", {
-      ...props,
-      style: styles
-    })
-  });
-};
-const OuterListboxContext = createContext({});
-const OuterListboxElementType = forwardRef((props, ref) => {
-  const outerProps = useContext(OuterListboxContext);
-  return _jsx("div", {
-    ref: ref,
-    ...props,
-    ...outerProps
-  });
-});
-const useResetCache = length => {
-  const resetCacheRef = useRef(null);
-  useEffect(() => {
-    if (resetCacheRef.current) {
-      resetCacheRef.current.resetAfterIndex(0, true);
-    }
-  }, [length]);
-  return resetCacheRef;
-};
-const PickerVirtualizationListBox = forwardRef((props = {}, ref) => {
-  const [listHeight, setListHeight] = useState(0);
-  const {
-    children,
-    ...other
-  } = props;
-  const itemData = Children.toArray(children).flatMap(child => typeof child === "number" || typeof child === "string" ? [child] : [child].concat("children" in child ? Children.toArray(children) : []));
-  const sizeMapRef = useRef([]);
-  const getListBoxHeight = useCallback(() => {
-    const COMBINED_LISTBOX_PADDING = 16;
-    if (itemData.length > OVERSCAN_ROW_COUNT) {
-      return 9999;
-    } else {
-      const itemsHeightCalculated = sizeMapRef.current.slice(0, itemData.length).map((_, index) => sizeMapRef.current[index] || 0).reduce((prevItemHeight, nextItemHeight) => prevItemHeight + nextItemHeight, 0);
-      return COMBINED_LISTBOX_PADDING + itemsHeightCalculated;
-    }
-  }, [itemData, sizeMapRef]);
-  useEffect(() => {
-    if (sizeMapRef.current.length && itemData.length) {
-      setListHeight(getListBoxHeight());
-    }
-  }, [getListBoxHeight, itemData, sizeMapRef]);
-  const OVERSCAN_ROW_COUNT = 8;
-  const gridRef = useResetCache(itemData.length);
-  const setItemSize = useCallback(size => {
-    gridRef?.current?.resetAfterIndex(0, true);
-    sizeMapRef.current = sizeMapRef.current.concat(size);
-  }, [gridRef, sizeMapRef]);
-  const getItemSize = useCallback(index => sizeMapRef.current[index] || 45, [sizeMapRef]);
-  return _jsx(ListboxContainer, {
-    ref: ref,
-    children: _jsx(OuterListboxContext.Provider, {
-      value: other,
-      children: _jsx(VariableSizeList, {
-        height: listHeight,
-        innerElementType: "ul",
-        itemCount: itemData.length,
-        itemData: itemData,
-        itemSize: getItemSize,
-        outerElementType: OuterListboxElementType,
-        overscanCount: OVERSCAN_ROW_COUNT,
-        ref: gridRef,
-        width: "100%",
-        children: ({
-          data,
-          index,
-          style
-        }) => _jsx(Row, {
-          data: data,
-          index: index,
-          setItemSize: setItemSize,
-          style: style
-        })
-      })
-    })
-  });
-});
-const MemoizedPickerVirtualizationListBox = memo(PickerVirtualizationListBox);
-MemoizedPickerVirtualizationListBox.displayName = "PickerVirtualizationListBox";
-export { MemoizedPickerVirtualizationListBox as PickerVirtualizationListBox };
-//# sourceMappingURL=PickerVirtualizationListBox.js.map

package/dist/esm/labs/OdysseyPickers/PickerVirtualizationListBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerVirtualizationListBox.js","names":["styled","Children","createContext","forwardRef","memo","useCallback","useContext","useEffect","useMemo","useRef","useState","VariableSizeList","jsx","_jsx","ListboxContainer","div","width","height","Row","data","index","setItemSize","style","rowRef","current","firstChild","firstElementChild","clientHeight","baseOption","props","styles","ref","children","OuterListboxContext","OuterListboxElementType","outerProps","useResetCache","length","resetCacheRef","resetAfterIndex","PickerVirtualizationListBox","listHeight","setListHeight","other","itemData","toArray","flatMap","child","concat","sizeMapRef","getListBoxHeight","COMBINED_LISTBOX_PADDING","OVERSCAN_ROW_COUNT","itemsHeightCalculated","slice","map","_","reduce","prevItemHeight","nextItemHeight","gridRef","size","getItemSize","Provider","value","innerElementType","itemCount","itemSize","outerElementType","overscanCount","MemoizedPickerVirtualizationListBox","displayName"],"sources":["../../../../src/labs/OdysseyPickers/PickerVirtualizationListBox.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 styled from \"@emotion/styled\";\nimport { AutocompleteProps } from \"@mui/material\";\nimport {\n  Children,\n  createContext,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListChildComponentProps, VariableSizeList } from \"react-window\";\n\ntype SetItemSize = (size: number) => void;\n\nconst ListboxContainer = styled.div({\n  width: \"100%\",\n  height: \"100%\",\n});\n\nconst Row = <Data extends { key: string; props: Record<string, unknown> }[]>({\n  data,\n  index,\n  setItemSize,\n  style,\n}: ListChildComponentProps<Data> & { setItemSize: SetItemSize }) => {\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (rowRef.current) {\n      /**\n       * Checking for child height to workaround a bug where the clientHeight of the row isn't updated correctly\n       * @see here if you need to know more: https://github.com/bvaughn/react-window/issues/582#issuecomment-1883074908\n       */\n      const firstChild = rowRef.current.firstElementChild;\n      const height = firstChild\n        ? firstChild.clientHeight\n        : rowRef.current.clientHeight;\n\n      setItemSize(height);\n    }\n  }, [index, rowRef, setItemSize]);\n\n  const baseOption = data[index];\n  const { props } = baseOption;\n\n  /**\n   * react-window calculates the absolute positions of the list items, via an inline style, so\n   * we need to add it to each list item that is being rendered in the viewable list window.\n   * @see here if you need to know more: https://github.com/bvaughn/react-window?tab=readme-ov-file#why-is-my-list-blank-when-i-scroll\n   */\n  const styles = useMemo(\n    () => ({\n      ...style,\n      height: \"auto\",\n    }),\n    [style],\n  );\n\n  return (\n    <div ref={rowRef}>\n      <li {...props} style={styles} />\n    </div>\n  );\n};\n\nconst OuterListboxContext = createContext({});\n\nconst OuterListboxElementType = forwardRef<HTMLDivElement>((props, ref) => {\n  const outerProps = useContext(OuterListboxContext);\n  return <div ref={ref} {...props} {...outerProps} />;\n});\n\nconst useResetCache = (length: number) => {\n  const resetCacheRef = useRef<VariableSizeList>(null);\n  useEffect(() => {\n    if (resetCacheRef.current) {\n      resetCacheRef.current.resetAfterIndex(0, true);\n    }\n  }, [length]);\n  return resetCacheRef;\n};\n\nconst PickerVirtualizationListBox = forwardRef<\n  HTMLDivElement,\n  AutocompleteProps<undefined, undefined, undefined, undefined>[\"ListboxProps\"]\n>((props = {}, ref) => {\n  const [listHeight, setListHeight] = useState(0);\n\n  const { children, ...other } = props;\n\n  const itemData = Children.toArray(children).flatMap<typeof children>(\n    (child) =>\n      typeof child === \"number\" || typeof child === \"string\"\n        ? [child]\n        : [child].concat(\"children\" in child ? Children.toArray(children) : []),\n  );\n\n  const sizeMapRef = useRef<number[]>([]);\n\n  const getListBoxHeight = useCallback(() => {\n    // 8px of padding top/bottom applied by MUI\n    const COMBINED_LISTBOX_PADDING = 16;\n\n    if (itemData.length > OVERSCAN_ROW_COUNT) {\n      // has a max-height of 40vh set in CSS. This is only set because height needs to be a number\n      return 9999;\n    } else {\n      const itemsHeightCalculated = sizeMapRef.current\n        .slice(0, itemData.length)\n        .map((_, index) => sizeMapRef.current[index] || 0)\n        .reduce(\n          (prevItemHeight, nextItemHeight) => prevItemHeight + nextItemHeight,\n          0,\n        );\n      return COMBINED_LISTBOX_PADDING + itemsHeightCalculated;\n    }\n  }, [itemData, sizeMapRef]);\n\n  useEffect(() => {\n    if (sizeMapRef.current.length && itemData.length) {\n      setListHeight(getListBoxHeight());\n    }\n  }, [getListBoxHeight, itemData, sizeMapRef]);\n\n  // The number of items (rows or columns) to render outside of the visible area for performance and scrolling reasons\n  const OVERSCAN_ROW_COUNT = 8;\n\n  const gridRef = useResetCache(itemData.length);\n\n  const setItemSize = useCallback<SetItemSize>(\n    (size) => {\n      gridRef?.current?.resetAfterIndex(0, true);\n      sizeMapRef.current = sizeMapRef.current.concat(size);\n    },\n    [gridRef, sizeMapRef],\n  );\n  const getItemSize = useCallback(\n    // using 45px as a sane default here to avoid a lot of content shift on repaint\n    (index: number) => sizeMapRef.current[index] || 45,\n    [sizeMapRef],\n  );\n\n  return (\n    <ListboxContainer ref={ref}>\n      <OuterListboxContext.Provider value={other}>\n        <VariableSizeList\n          height={listHeight}\n          innerElementType=\"ul\"\n          itemCount={itemData.length}\n          itemData={itemData}\n          itemSize={getItemSize}\n          outerElementType={OuterListboxElementType}\n          overscanCount={OVERSCAN_ROW_COUNT}\n          ref={gridRef}\n          width=\"100%\"\n        >\n          {({ data, index, style }) => (\n            <Row\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              data={data}\n              index={index}\n              setItemSize={setItemSize}\n              style={style}\n            />\n          )}\n        </VariableSizeList>\n      </OuterListboxContext.Provider>\n    </ListboxContainer>\n  );\n});\n\nconst MemoizedPickerVirtualizationListBox = memo(PickerVirtualizationListBox);\n\nMemoizedPickerVirtualizationListBox.displayName = \"PickerVirtualizationListBox\";\n\nexport { MemoizedPickerVirtualizationListBox as PickerVirtualizationListBox };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SACEC,QAAQ,EACRC,aAAa,EACbC,UAAU,EACVC,IAAI,EACJC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAAkCC,gBAAgB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIzE,MAAMC,gBAAgB,GAAGd,MAAM,CAACe,GAAG,CAAC;EAClCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC,CAAC;AAEF,MAAMC,GAAG,GAAGA,CAAiE;EAC3EC,IAAI;EACJC,KAAK;EACLC,WAAW;EACXC;AAC4D,CAAC,KAAK;EAClE,MAAMC,MAAM,GAAGd,MAAM,CAAiB,IAAI,CAAC;EAE3CF,SAAS,CAAC,MAAM;IACd,IAAIgB,MAAM,CAACC,OAAO,EAAE;MAKlB,MAAMC,UAAU,GAAGF,MAAM,CAACC,OAAO,CAACE,iBAAiB;MACnD,MAAMT,MAAM,GAAGQ,UAAU,GACrBA,UAAU,CAACE,YAAY,GACvBJ,MAAM,CAACC,OAAO,CAACG,YAAY;MAE/BN,WAAW,CAACJ,MAAM,CAAC;IACrB;EACF,CAAC,EAAE,CAACG,KAAK,EAAEG,MAAM,EAAEF,WAAW,CAAC,CAAC;EAEhC,MAAMO,UAAU,GAAGT,IAAI,CAACC,KAAK,CAAC;EAC9B,MAAM;IAAES;EAAM,CAAC,GAAGD,UAAU;EAO5B,MAAME,MAAM,GAAGtB,OAAO,CACpB,OAAO;IACL,GAAGc,KAAK;IACRL,MAAM,EAAE;EACV,CAAC,CAAC,EACF,CAACK,KAAK,CACR,CAAC;EAED,OACET,IAAA;IAAKkB,GAAG,EAAER,MAAO;IAAAS,QAAA,EACfnB,IAAA;MAAA,GAAQgB,KAAK;MAAEP,KAAK,EAAEQ;IAAO,CAAE;EAAC,CAC7B,CAAC;AAEV,CAAC;AAED,MAAMG,mBAAmB,GAAG/B,aAAa,CAAC,CAAC,CAAC,CAAC;AAE7C,MAAMgC,uBAAuB,GAAG/B,UAAU,CAAiB,CAAC0B,KAAK,EAAEE,GAAG,KAAK;EACzE,MAAMI,UAAU,GAAG7B,UAAU,CAAC2B,mBAAmB,CAAC;EAClD,OAAOpB,IAAA;IAAKkB,GAAG,EAAEA,GAAI;IAAA,GAAKF,KAAK;IAAA,GAAMM;EAAU,CAAG,CAAC;AACrD,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAIC,MAAc,IAAK;EACxC,MAAMC,aAAa,GAAG7B,MAAM,CAAmB,IAAI,CAAC;EACpDF,SAAS,CAAC,MAAM;IACd,IAAI+B,aAAa,CAACd,OAAO,EAAE;MACzBc,aAAa,CAACd,OAAO,CAACe,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC;IAChD;EACF,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EACZ,OAAOC,aAAa;AACtB,CAAC;AAED,MAAME,2BAA2B,GAAGrC,UAAU,CAG5C,CAAC0B,KAAK,GAAG,CAAC,CAAC,EAAEE,GAAG,KAAK;EACrB,MAAM,CAACU,UAAU,EAAEC,aAAa,CAAC,GAAGhC,QAAQ,CAAC,CAAC,CAAC;EAE/C,MAAM;IAAEsB,QAAQ;IAAE,GAAGW;EAAM,CAAC,GAAGd,KAAK;EAEpC,MAAMe,QAAQ,GAAG3C,QAAQ,CAAC4C,OAAO,CAACb,QAAQ,CAAC,CAACc,OAAO,CAChDC,KAAK,IACJ,OAAOA,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAClD,CAACA,KAAK,CAAC,GACP,CAACA,KAAK,CAAC,CAACC,MAAM,CAAC,UAAU,IAAID,KAAK,GAAG9C,QAAQ,CAAC4C,OAAO,CAACb,QAAQ,CAAC,GAAG,EAAE,CAC5E,CAAC;EAED,MAAMiB,UAAU,GAAGxC,MAAM,CAAW,EAAE,CAAC;EAEvC,MAAMyC,gBAAgB,GAAG7C,WAAW,CAAC,MAAM;IAEzC,MAAM8C,wBAAwB,GAAG,EAAE;IAEnC,IAAIP,QAAQ,CAACP,MAAM,GAAGe,kBAAkB,EAAE;MAExC,OAAO,IAAI;IACb,CAAC,MAAM;MACL,MAAMC,qBAAqB,GAAGJ,UAAU,CAACzB,OAAO,CAC7C8B,KAAK,CAAC,CAAC,EAAEV,QAAQ,CAACP,MAAM,CAAC,CACzBkB,GAAG,CAAC,CAACC,CAAC,EAAEpC,KAAK,KAAK6B,UAAU,CAACzB,OAAO,CAACJ,KAAK,CAAC,IAAI,CAAC,CAAC,CACjDqC,MAAM,CACL,CAACC,cAAc,EAAEC,cAAc,KAAKD,cAAc,GAAGC,cAAc,EACnE,CACF,CAAC;MACH,OAAOR,wBAAwB,GAAGE,qBAAqB;IACzD;EACF,CAAC,EAAE,CAACT,QAAQ,EAAEK,UAAU,CAAC,CAAC;EAE1B1C,SAAS,CAAC,MAAM;IACd,IAAI0C,UAAU,CAACzB,OAAO,CAACa,MAAM,IAAIO,QAAQ,CAACP,MAAM,EAAE;MAChDK,aAAa,CAACQ,gBAAgB,CAAC,CAAC,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,gBAAgB,EAAEN,QAAQ,EAAEK,UAAU,CAAC,CAAC;EAG5C,MAAMG,kBAAkB,GAAG,CAAC;EAE5B,MAAMQ,OAAO,GAAGxB,aAAa,CAACQ,QAAQ,CAACP,MAAM,CAAC;EAE9C,MAAMhB,WAAW,GAAGhB,WAAW,CAC5BwD,IAAI,IAAK;IACRD,OAAO,EAAEpC,OAAO,EAAEe,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC;IAC1CU,UAAU,CAACzB,OAAO,GAAGyB,UAAU,CAACzB,OAAO,CAACwB,MAAM,CAACa,IAAI,CAAC;EACtD,CAAC,EACD,CAACD,OAAO,EAAEX,UAAU,CACtB,CAAC;EACD,MAAMa,WAAW,GAAGzD,WAAW,CAE5Be,KAAa,IAAK6B,UAAU,CAACzB,OAAO,CAACJ,KAAK,CAAC,IAAI,EAAE,EAClD,CAAC6B,UAAU,CACb,CAAC;EAED,OACEpC,IAAA,CAACC,gBAAgB;IAACiB,GAAG,EAAEA,GAAI;IAAAC,QAAA,EACzBnB,IAAA,CAACoB,mBAAmB,CAAC8B,QAAQ;MAACC,KAAK,EAAErB,KAAM;MAAAX,QAAA,EACzCnB,IAAA,CAACF,gBAAgB;QACfM,MAAM,EAAEwB,UAAW;QACnBwB,gBAAgB,EAAC,IAAI;QACrBC,SAAS,EAAEtB,QAAQ,CAACP,MAAO;QAC3BO,QAAQ,EAAEA,QAAS;QACnBuB,QAAQ,EAAEL,WAAY;QACtBM,gBAAgB,EAAElC,uBAAwB;QAC1CmC,aAAa,EAAEjB,kBAAmB;QAClCrB,GAAG,EAAE6B,OAAQ;QACb5C,KAAK,EAAC,MAAM;QAAAgB,QAAA,EAEXA,CAAC;UAAEb,IAAI;UAAEC,KAAK;UAAEE;QAAM,CAAC,KACtBT,IAAA,CAACK,GAAG;UAEFC,IAAI,EAAEA,IAAK;UACXC,KAAK,EAAEA,KAAM;UACbC,WAAW,EAAEA,WAAY;UACzBC,KAAK,EAAEA;QAAM,CACd;MACF,CACe;IAAC,CACS;EAAC,CACf,CAAC;AAEvB,CAAC,CAAC;AAEF,MAAMgD,mCAAmC,GAAGlE,IAAI,CAACoC,2BAA2B,CAAC;AAE7E8B,mCAAmC,CAACC,WAAW,GAAG,6BAA6B;AAE/E,SAASD,mCAAmC,IAAI9B,2BAA2B","ignoreList":[]}

package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js

@@ -1,296 +0,0 @@
-/*!
- * 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.
- */
-
-import styled from "@emotion/styled";
-import { Fragment, memo, useCallback } from "react";
-import { Box } from "../../Box.js";
-import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
-import { Tag } from "../../Tag.js";
-import { pxToRem } from "../../theme/index.js";
-import { Heading6 } from "../../Typography.js";
-import { ComposablePicker } from "./ComposablePicker.js";
-import { Option, OptionDescriptionComponent, OptionLabelContainer, OptionMetadataComponent } from "./Picker.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const OptionAdornmentContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "adornmentSize" && prop !== "isTagContainer"
-})(({
-  adornmentSize = "small",
-  isTagContainer = false,
-  odysseyDesignTokens
-}) => ({
-  position: "relative",
-  bottom: "1px",
-  alignSelf: "flex-start",
-  width: odysseyDesignTokens.Spacing5,
-  height: odysseyDesignTokens.Spacing5,
-  overflow: "hidden",
-  marginInlineEnd: odysseyDesignTokens.Spacing3,
-  flexShrink: 0,
-  svg: {
-    width: "100%",
-    height: "auto"
-  },
-  img: {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    width: "100%",
-    transform: "translate(-50%, -50%)"
-  },
-  ...(adornmentSize === "large" && !isTagContainer && {
-    bottom: 0,
-    width: odysseyDesignTokens.Spacing8,
-    height: odysseyDesignTokens.Spacing8
-  }),
-  ...(isTagContainer && {
-    bottom: 0,
-    alignSelf: "center",
-    width: odysseyDesignTokens.Spacing4,
-    height: "auto",
-    maxHeight: odysseyDesignTokens.Spacing4,
-    marginInlineEnd: odysseyDesignTokens.Spacing2,
-    "&:has(> img)": {
-      height: `${pxToRem(16)}rem`
-    },
-    svg: {
-      display: "flex",
-      width: "100%",
-      height: "auto"
-    }
-  })
-}));
-const OptionAdornment = ({
-  adornment,
-  adornmentSize,
-  odysseyDesignTokens
-}) => {
-  const isImageAdornment = typeof adornment === "string";
-  if (isImageAdornment) {
-    return _jsx(OptionAdornmentContainer, {
-      adornmentSize: adornmentSize,
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: _jsx("img", {
-        alt: "",
-        role: "presentation",
-        src: adornment
-      })
-    });
-  } else {
-    return _jsx(OptionAdornmentContainer, {
-      adornmentSize: adornmentSize,
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: adornment
-    });
-  }
-};
-const OptionWithLabelDescriptionOnly = ({
-  adornmentSize,
-  muiProps,
-  odysseyDesignTokens,
-  option
-}) => {
-  const {
-    adornment,
-    description,
-    label,
-    value
-  } = option;
-  return _jsxs(Option, {
-    hasAdornment: true,
-    muiProps: muiProps,
-    children: [_jsx(OptionAdornment, {
-      adornment: adornment,
-      adornmentSize: adornmentSize,
-      odysseyDesignTokens: odysseyDesignTokens
-    }), _jsxs(OptionLabelContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: [_jsx(Heading6, {
-        component: "p",
-        children: label
-      }), _jsx(OptionDescriptionComponent, {
-        description: description,
-        odysseyDesignTokens: odysseyDesignTokens
-      })]
-    })]
-  }, value);
-};
-const OptionWithLabelDescriptionMetadata = ({
-  adornmentSize,
-  muiProps,
-  odysseyDesignTokens,
-  option
-}) => {
-  const {
-    adornment,
-    description,
-    label,
-    metaData,
-    value
-  } = option;
-  return _jsxs(Option, {
-    hasAdornment: true,
-    muiProps: muiProps,
-    children: [_jsx(OptionAdornment, {
-      adornment: adornment,
-      adornmentSize: adornmentSize,
-      odysseyDesignTokens: odysseyDesignTokens
-    }), _jsxs("div", {
-      children: [_jsxs(OptionLabelContainer, {
-        odysseyDesignTokens: odysseyDesignTokens,
-        children: [_jsx(Heading6, {
-          component: "p",
-          children: label
-        }), _jsx(OptionDescriptionComponent, {
-          description: description,
-          odysseyDesignTokens: odysseyDesignTokens
-        })]
-      }), _jsx(OptionMetadataComponent, {
-        metaData: metaData,
-        odysseyDesignTokens: odysseyDesignTokens
-      })]
-    })]
-  }, value);
-};
-const TagAdornment = ({
-  adornment
-}) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  const isImageAdornment = typeof adornment === "string";
-  if (isImageAdornment) {
-    return _jsx(OptionAdornmentContainer, {
-      isTagContainer: true,
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: _jsx("img", {
-        alt: "",
-        role: "presentation",
-        src: adornment
-      })
-    });
-  }
-  return _jsx(OptionAdornmentContainer, {
-    isTagContainer: true,
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: adornment
-  });
-};
-const PickerWithOptionAdornment = ({
-  adornmentSize = "small",
-  ariaDescribedBy,
-  defaultValue,
-  emptyOptionsText,
-  errorMessage,
-  errorMessageList,
-  getIsOptionEqualToValue,
-  groupOptionsBy,
-  hasMultipleChoices,
-  id: idOverride,
-  inputValue,
-  isCustomValueAllowed,
-  isDisabled,
-  isFullWidth = false,
-  isLoading,
-  isOptional = false,
-  isReadOnly,
-  isVirtualized: isVirtualizedProp = false,
-  hint,
-  HintLinkComponent,
-  label,
-  name: nameOverride,
-  onBlur,
-  onChange: onChangeProp,
-  onInputChange: onInputChangeProp,
-  onFocus,
-  options,
-  value,
-  testId,
-  translate
-}) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  const customTagRender = useCallback((values, getTagProps) => values.map((value, index) => {
-    const {
-      key,
-      onDelete
-    } = getTagProps({
-      index
-    });
-    const {
-      adornment,
-      label
-    } = value;
-    return _jsx(Box, {
-      sx: {
-        margin: odysseyDesignTokens.Spacing1,
-        marginInlineEnd: 0
-      },
-      children: _jsx(Tag, {
-        icon: _jsx(TagAdornment, {
-          adornment: adornment
-        }),
-        label: label,
-        onRemove: onDelete
-      })
-    }, key);
-  }), [odysseyDesignTokens]);
-  const customOptionRender = useCallback((muiProps, option) => {
-    const hasMetadata = "metaData" in option && option.metaData;
-    return _jsx(Fragment, {
-      children: hasMetadata ? _jsx(OptionWithLabelDescriptionMetadata, {
-        adornmentSize: adornmentSize,
-        muiProps: muiProps,
-        odysseyDesignTokens: odysseyDesignTokens,
-        option: option
-      }) : _jsx(OptionWithLabelDescriptionOnly, {
-        adornmentSize: adornmentSize,
-        muiProps: muiProps,
-        odysseyDesignTokens: odysseyDesignTokens,
-        option: option
-      })
-    }, option.value);
-  }, [adornmentSize, odysseyDesignTokens]);
-  return _jsx(ComposablePicker, {
-    ariaDescribedBy: ariaDescribedBy,
-    defaultValue: defaultValue,
-    emptyOptionsText: emptyOptionsText,
-    errorMessage: errorMessage,
-    errorMessageList: errorMessageList,
-    getIsOptionEqualToValue: getIsOptionEqualToValue,
-    groupOptionsBy: groupOptionsBy,
-    hasMultipleChoices: hasMultipleChoices,
-    hint: hint,
-    HintLinkComponent: HintLinkComponent,
-    id: idOverride,
-    inputValue: inputValue,
-    isCustomValueAllowed: isCustomValueAllowed,
-    isDisabled: isDisabled,
-    isFullWidth: isFullWidth,
-    isLoading: isLoading,
-    isOptional: isOptional,
-    isReadOnly: isReadOnly,
-    isVirtualized: isVirtualizedProp,
-    label: label,
-    name: nameOverride,
-    onBlur: onBlur,
-    onChange: onChangeProp,
-    onFocus: onFocus,
-    onInputChange: onInputChangeProp,
-    options: options,
-    renderOption: customOptionRender,
-    renderTags: customTagRender,
-    testId: testId,
-    translate: translate,
-    value: value
-  });
-};
-const MemoizedPickerWithOptionAdornment = memo(PickerWithOptionAdornment);
-MemoizedPickerWithOptionAdornment.displayName = "PickerWithOptionAdornment";
-export { MemoizedPickerWithOptionAdornment as PickerWithOptionAdornment };
-//# sourceMappingURL=PickerWithOptionAdornment.js.map

package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerWithOptionAdornment.js","names":["styled","Fragment","memo","useCallback","Box","useOdysseyDesignTokens","Tag","pxToRem","Heading6","ComposablePicker","Option","OptionDescriptionComponent","OptionLabelContainer","OptionMetadataComponent","jsx","_jsx","jsxs","_jsxs","OptionAdornmentContainer","shouldForwardProp","prop","adornmentSize","isTagContainer","odysseyDesignTokens","position","bottom","alignSelf","width","Spacing5","height","overflow","marginInlineEnd","Spacing3","flexShrink","svg","img","top","left","transform","Spacing8","Spacing4","maxHeight","Spacing2","display","OptionAdornment","adornment","isImageAdornment","children","alt","role","src","OptionWithLabelDescriptionOnly","muiProps","option","description","label","value","hasAdornment","component","OptionWithLabelDescriptionMetadata","metaData","TagAdornment","PickerWithOptionAdornment","ariaDescribedBy","defaultValue","emptyOptionsText","errorMessage","errorMessageList","getIsOptionEqualToValue","groupOptionsBy","hasMultipleChoices","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","isVirtualizedProp","hint","HintLinkComponent","name","nameOverride","onBlur","onChange","onChangeProp","onInputChange","onInputChangeProp","onFocus","options","testId","translate","customTagRender","values","getTagProps","map","index","key","onDelete","sx","margin","Spacing1","icon","onRemove","customOptionRender","hasMetadata","renderOption","renderTags","MemoizedPickerWithOptionAdornment","displayName"],"sources":["../../../../src/labs/OdysseyPickers/PickerWithOptionAdornment.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 styled from \"@emotion/styled\";\nimport { AutocompleteProps as MuiAutocompleteProps } from \"@mui/material\";\nimport { Fragment, memo, ReactNode, useCallback } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Tag } from \"../../Tag.js\";\nimport { pxToRem } from \"../../theme/index.js\";\nimport { Heading6 } from \"../../Typography.js\";\nimport {\n  type AdornmentSize,\n  type BasePickerProps,\n  type BasePickerType,\n  ComposablePicker,\n  ComposablePickerProps,\n} from \"./ComposablePicker.js\";\nimport {\n  type BaseOptionProps,\n  type LabelDescription,\n  type Metadata,\n  Option,\n  OptionDescriptionComponent,\n  OptionLabelContainer,\n  OptionMetadataComponent,\n  OptionProps,\n} from \"./Picker.js\";\n\ntype Adornment = ReactNode | string;\n\ntype AdornmentLabelDescription = LabelDescription & {\n  adornment: Adornment;\n};\n\ntype AdornmentLabelDescriptionMetadata = AdornmentLabelDescription & Metadata;\n\nexport type AdornmentOptionType =\n  | AdornmentLabelDescription\n  | AdornmentLabelDescriptionMetadata;\n\nconst OptionAdornmentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"adornmentSize\" &&\n    prop !== \"isTagContainer\",\n})<{\n  adornmentSize?: AdornmentSize;\n  isTagContainer?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(\n  ({\n    adornmentSize = \"small\",\n    isTagContainer = false,\n    odysseyDesignTokens,\n  }) => ({\n    position: \"relative\",\n    // push icon up by one px for better visual alignment\n    bottom: \"1px\",\n    alignSelf: \"flex-start\",\n    width: odysseyDesignTokens.Spacing5,\n    height: odysseyDesignTokens.Spacing5,\n    overflow: \"hidden\",\n    marginInlineEnd: odysseyDesignTokens.Spacing3,\n    flexShrink: 0,\n\n    svg: {\n      width: \"100%\",\n      height: \"auto\",\n    },\n\n    img: {\n      position: \"absolute\",\n      top: \"50%\",\n      left: \"50%\",\n      width: \"100%\",\n      transform: \"translate(-50%, -50%)\",\n    },\n\n    ...(adornmentSize === \"large\" &&\n      !isTagContainer && {\n        bottom: 0,\n        width: odysseyDesignTokens.Spacing8,\n        height: odysseyDesignTokens.Spacing8,\n      }),\n\n    ...(isTagContainer && {\n      bottom: 0,\n      alignSelf: \"center\",\n      width: odysseyDesignTokens.Spacing4,\n      height: \"auto\",\n      maxHeight: odysseyDesignTokens.Spacing4,\n      marginInlineEnd: odysseyDesignTokens.Spacing2,\n\n      \"&:has(> img)\": {\n        height: `${pxToRem(16)}rem`,\n      },\n\n      svg: {\n        display: \"flex\",\n        width: \"100%\",\n        height: \"auto\",\n      },\n    }),\n  }),\n);\n\ntype OptionAdornmentProps = {\n  adornment: Adornment;\n  adornmentSize: AdornmentSize;\n  odysseyDesignTokens: DesignTokens;\n};\n\nconst OptionAdornment = ({\n  adornment,\n  adornmentSize,\n  odysseyDesignTokens,\n}: OptionAdornmentProps) => {\n  const isImageAdornment = typeof adornment === \"string\";\n\n  if (isImageAdornment) {\n    return (\n      <OptionAdornmentContainer\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        {/* NOTE: Intentionally leaving alt as an empty string here so screen readers will ignore this image */}\n        {/* Image should be sufficiently described by the adjacent title and/or description of the option */}\n        <img alt=\"\" role=\"presentation\" src={adornment} />\n      </OptionAdornmentContainer>\n    );\n  } else {\n    return (\n      <OptionAdornmentContainer\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        {adornment}\n      </OptionAdornmentContainer>\n    );\n  }\n};\n\nconst OptionWithLabelDescriptionOnly = <\n  OptionType extends AdornmentLabelDescription,\n>({\n  adornmentSize,\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps &\n  OptionProps<OptionType> & { adornmentSize: AdornmentSize }) => {\n  const { adornment, description, label, value } = option;\n  return (\n    <Option hasAdornment key={value} muiProps={muiProps}>\n      <OptionAdornment\n        adornment={adornment}\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      />\n      <OptionLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <Heading6 component=\"p\">{label}</Heading6>\n        <OptionDescriptionComponent\n          description={description}\n          odysseyDesignTokens={odysseyDesignTokens}\n        />\n      </OptionLabelContainer>\n    </Option>\n  );\n};\n\nconst OptionWithLabelDescriptionMetadata = <\n  OptionType extends AdornmentLabelDescriptionMetadata,\n>({\n  adornmentSize,\n  muiProps,\n  odysseyDesignTokens,\n  option,\n}: BaseOptionProps &\n  OptionProps<OptionType> & {\n    adornmentSize: AdornmentSize;\n  }) => {\n  const { adornment, description, label, metaData, value } = option;\n\n  return (\n    <Option hasAdornment key={value} muiProps={muiProps}>\n      <OptionAdornment\n        adornment={adornment}\n        adornmentSize={adornmentSize}\n        odysseyDesignTokens={odysseyDesignTokens}\n      />\n      <div>\n        <OptionLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n          <Heading6 component=\"p\">{label}</Heading6>\n          <OptionDescriptionComponent\n            description={description}\n            odysseyDesignTokens={odysseyDesignTokens}\n          />\n        </OptionLabelContainer>\n        <OptionMetadataComponent\n          metaData={metaData}\n          odysseyDesignTokens={odysseyDesignTokens}\n        />\n      </div>\n    </Option>\n  );\n};\n\ntype TagAdornmentProps = {\n  adornment: Adornment;\n};\n\nconst TagAdornment = ({ adornment }: TagAdornmentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const isImageAdornment = typeof adornment === \"string\";\n\n  if (isImageAdornment) {\n    return (\n      <OptionAdornmentContainer\n        isTagContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <img alt=\"\" role=\"presentation\" src={adornment} />\n      </OptionAdornmentContainer>\n    );\n  }\n\n  return (\n    <OptionAdornmentContainer\n      isTagContainer\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {adornment}\n    </OptionAdornmentContainer>\n  );\n};\n\nexport type PickerWithOptionAdornmentProps<\n  OptionType extends AdornmentOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = BasePickerProps<OptionType, HasMultipleChoices, IsCustomValueAllowed> & {\n  adornmentSize?: AdornmentSize;\n};\n\ntype PickerWithOptionAdornmentComponentType = {\n  <\n    OptionType extends AdornmentLabelDescription,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerWithOptionAdornmentProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n  <\n    OptionType extends AdornmentLabelDescriptionMetadata,\n    HasMultipleChoices extends boolean | undefined,\n    IsCustomValueAllowed extends boolean | undefined,\n  >(\n    props: PickerWithOptionAdornmentProps<\n      OptionType,\n      HasMultipleChoices,\n      IsCustomValueAllowed\n    >,\n  ): ReactNode;\n};\n\nconst PickerWithOptionAdornment: PickerWithOptionAdornmentComponentType = <\n  OptionType extends AdornmentOptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  adornmentSize = \"small\",\n  ariaDescribedBy,\n  defaultValue,\n  emptyOptionsText,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\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: isVirtualizedProp = false,\n  hint,\n  HintLinkComponent,\n  label,\n  name: nameOverride,\n  onBlur,\n  onChange: onChangeProp,\n  onInputChange: onInputChangeProp,\n  onFocus,\n  options,\n  value,\n  testId,\n  translate,\n}: PickerWithOptionAdornmentProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const customTagRender = useCallback<\n    NonNullable<\n      ComposablePickerProps<\n        OptionType,\n        HasMultipleChoices,\n        IsCustomValueAllowed\n      >[\"renderTags\"]\n    >\n  >(\n    (values, getTagProps) =>\n      values.map((value, index) => {\n        const { key, onDelete } = getTagProps({ index });\n        const { adornment, label } = value;\n\n        return (\n          <Box\n            key={key}\n            sx={{\n              margin: odysseyDesignTokens.Spacing1,\n              marginInlineEnd: 0,\n            }}\n          >\n            <Tag\n              icon={<TagAdornment adornment={adornment} />}\n              label={label}\n              onRemove={onDelete}\n            />\n          </Box>\n        );\n      }),\n    [odysseyDesignTokens],\n  );\n\n  const customOptionRender = useCallback<\n    NonNullable<\n      MuiAutocompleteProps<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >[\"renderOption\"]\n    >\n  >(\n    (muiProps, option) => {\n      const hasMetadata = \"metaData\" in option && option.metaData;\n\n      return (\n        <Fragment key={option.value}>\n          {hasMetadata ? (\n            <OptionWithLabelDescriptionMetadata\n              adornmentSize={adornmentSize}\n              muiProps={muiProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              option={option}\n            />\n          ) : (\n            <OptionWithLabelDescriptionOnly\n              adornmentSize={adornmentSize}\n              muiProps={muiProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              option={option}\n            />\n          )}\n        </Fragment>\n      );\n    },\n    [adornmentSize, odysseyDesignTokens],\n  );\n\n  return (\n    <ComposablePicker<OptionType, HasMultipleChoices, IsCustomValueAllowed>\n      ariaDescribedBy={ariaDescribedBy}\n      defaultValue={defaultValue}\n      emptyOptionsText={emptyOptionsText}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      getIsOptionEqualToValue={getIsOptionEqualToValue}\n      groupOptionsBy={groupOptionsBy}\n      hasMultipleChoices={hasMultipleChoices}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      inputValue={inputValue}\n      isCustomValueAllowed={isCustomValueAllowed}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isLoading={isLoading}\n      isOptional={isOptional}\n      isReadOnly={isReadOnly}\n      isVirtualized={isVirtualizedProp}\n      label={label}\n      name={nameOverride}\n      onBlur={onBlur}\n      onChange={onChangeProp}\n      onFocus={onFocus}\n      onInputChange={onInputChangeProp}\n      options={options}\n      renderOption={customOptionRender}\n      renderTags={customTagRender}\n      testId={testId}\n      translate={translate}\n      value={value}\n    />\n  );\n};\n\n// Need the `as BasePickerType` because generics don't get passed through\nconst MemoizedPickerWithOptionAdornment = memo(\n  PickerWithOptionAdornment,\n) as BasePickerType;\n\nMemoizedPickerWithOptionAdornment.displayName = \"PickerWithOptionAdornment\";\n\nexport { MemoizedPickerWithOptionAdornment as PickerWithOptionAdornment };\n"],"mappings":"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","ignoreList":[]}