@heliux-org/design-system-core 0.0.50 → 0.0.51

package/dist/esm/hooks/useClickOutside/__tests__/useClickOutside.jest.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/esm/hooks/useClickableProps/__stories__/useClickableProps.stories.helpers.d.ts

@@ -1 +0,0 @@
-export declare const TipClickable: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/hooks/useDisableScroll/__stories__/useDisableScroll.stories.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Overview: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/useDisableScroll/__tests__/useDisableScroll.jest.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/esm/hooks/useEventListener/__stories__/useEventListener.stories.d.ts

@@ -1,9 +0,0 @@
-import "../../__stories__/general-hooks-stories.scss";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Overview: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Overview: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/useIsOverflowing/__stories__/useIsOverflowing.stories.helpers.d.ts

@@ -1 +0,0 @@
-export declare const TipTooltip: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/hooks/useKeyEvent/__stories__/useKeyEvent.stories.d.ts

@@ -1,9 +0,0 @@
-import "../../__stories__/general-hooks-stories.scss";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Overview: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/useMediaQuery/__stories__/useMediaQuery.stories.d.ts

@@ -1,13 +0,0 @@
-import "../../__stories__/general-hooks-stories.scss";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const SingleRule: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const MultipleRules: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/usePrevious/__stories__/usePrevious.stories.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Overview: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/useSetFocus/__stories__/useSetFocus.stories.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Overview: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/useSwitch/__stories__/useSwitch.stories.d.ts

@@ -1,16 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Overview: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Disabled: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Default: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/useSwitch/__tests__/useSwitch.jest.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/esm/hooks/useTimeout/__stories__/useTimeout.stories.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Overview: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.d.ts

@@ -1,9 +0,0 @@
-import "../../__stories__/general-hooks-stories.scss";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Overview: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/esm/hooks/useVibeMediaQuery/__stories__/useVibeMediaQuery.stories.helpers.d.ts

@@ -1 +0,0 @@
-export declare const TableMediaQuery: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/new/Buttons/Button.js

@@ -1,2 +0,0 @@
-import{__rest as s}from"../../../../_virtual/_tslib.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";import e from"classnames";import*as n from"react";import{ButtonBase as t}from"../utils/components/ButtonBase.js";import{Box as o}from"../utils/components/Box.js";var r=n.forwardRef((function(n,r){var c=n.children,l=n.className,d=n.size,m=n.styleType,p=void 0===m?"default":m,u=n.startIcon,f=n.endIcon,b=n.labelProps,h=n.startIconProps,j=n.endIconProps,v=s(n,["children","className","size","styleType","startIcon","endIcon","labelProps","startIconProps","endIconProps"]);return a(t,Object.assign({ref:r,className:e("iui-button",l),"data-iui-variant":"default"!==p?p:void 0,"data-iui-size":d},v,{children:[u&&i(o,Object.assign({as:"span","aria-hidden":!0},h,{className:e("iui-button-icon",null==h?void 0:h.className)},{children:u})),c&&i("span",Object.assign({},b,{children:c})),f&&i(o,Object.assign({as:"span","aria-hidden":!0},j,{className:e("iui-button-icon",null==j?void 0:j.className)},{children:f}))]}))}));export{r as Button};
-//# sourceMappingURL=Button.js.map

package/dist/esm/src/components/new/Buttons/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../src/components/new/Buttons/Button.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport cx from 'classnames';\nimport * as React from 'react';\n\nimport { ButtonBase } from '../utils/components/ButtonBase';\nimport { Box } from '../utils/components/Box';\nimport type { PolymorphicForwardRefComponent } from '../utils/index';\n\nexport type ButtonProps = {\n  /**\n   * Modify size of the button.\n   */\n  size?: 'small' | 'large';\n  /**\n   * Style of the button.\n   * Use 'borderless' to hide outline.\n   * @default 'default'\n   */\n  styleType?: 'cta' | 'high-visibility' | 'default' | 'borderless';\n  /**\n   * Icon shown before the main button content.\n   */\n  startIcon?: JSX.Element;\n  /**\n   * Icon shown after the main button content.\n   */\n  endIcon?: JSX.Element;\n  /**\n   * Passes props to the button label.\n   */\n  labelProps?: React.ComponentProps<'span'>;\n  /**\n   * Passes props to the start icon.\n   */\n  startIconProps?: React.ComponentProps<'span'>;\n  /**\n   * Passes props to the end icon.\n   */\n  endIconProps?: React.ComponentProps<'span'>;\n} & Pick<React.ComponentProps<typeof ButtonBase>, 'htmlDisabled'>;\n\n/**\n * Generic button component\n * @example\n * <Button>This is a default button</Button>\n * <Button disabled={true}>This is a disabled button</Button>\n * <Button size='large' styleType='high-visibility'>This is a large high visibility button</Button>\n * <Button size='small' styleType='cta'>This is a small call to action button</Button>\n * <Button startIcon={<SvgAdd />}>New</Button>\n */\nexport const Button = React.forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    size,\n    styleType = 'default',\n    startIcon,\n    endIcon,\n    labelProps,\n    startIconProps,\n    endIconProps,\n    ...rest\n  } = props;\n\n  return (\n    <ButtonBase\n      ref={ref}\n      className={cx('iui-button', className)}\n      data-iui-variant={styleType !== 'default' ? styleType : undefined}\n      data-iui-size={size}\n      {...rest}\n    >\n      {startIcon && (\n        <Box\n          as='span'\n          aria-hidden\n          {...startIconProps}\n          className={cx('iui-button-icon', startIconProps?.className)}\n        >\n          {startIcon}\n        </Box>\n      )}\n\n      {children && <span {...labelProps}>{children}</span>}\n\n      {endIcon && (\n        <Box\n          as='span'\n          aria-hidden\n          {...endIconProps}\n          className={cx('iui-button-icon', endIconProps?.className)}\n        >\n          {endIcon}\n        </Box>\n      )}\n    </ButtonBase>\n  );\n}) as PolymorphicForwardRefComponent<'button', ButtonProps>;\n"],"names":["Button","React","forwardRef","props","ref","children","className","size","_props$styleType","styleType","startIcon","endIcon","labelProps","startIconProps","endIconProps","rest","__rest","_jsxs","ButtonBase","Object","assign","cx","undefined","_jsx","Box","as"],"mappings":"4QAqDO,IAAMA,EAASC,EAAMC,YAAW,SAACC,EAAOC,GAC7C,IACEC,EAUEF,EAVFE,SACAC,EASEH,EATFG,UACAC,EAQEJ,EARFI,KAAIC,EAQFL,EAPFM,UAAAA,OAAY,IAAHD,EAAG,UAASA,EACrBE,EAMEP,EANFO,UACAC,EAKER,EALFQ,QACAC,EAIET,EAJFS,WACAC,EAGEV,EAHFU,eACAC,EAEEX,EAFFW,aACGC,EACDC,EAAAb,EAXE,CAAA,WAAA,YAAA,OAAA,YAAA,YAAA,UAAA,aAAA,iBAAA,iBAaN,OACEc,EAACC,EAAUC,OAAAC,OAAA,CACThB,IAAKA,EACLE,UAAWe,EAAG,aAAcf,GACV,mBAAc,YAAdG,EAA0BA,OAAYa,kBACzCf,GACXQ,EAEH,CAAAV,SAAA,CAAAK,GACCa,EAACC,iBACCC,GAAG,OAAM,eAAA,GAELZ,EAAc,CAClBP,UAAWe,EAAG,kBAAmBR,aAAc,EAAdA,EAAgBP,YAEhD,CAAAD,SAAAK,KAIJL,GAAYkB,EAAU,OAAAJ,OAAAC,OAAA,CAAA,EAAAR,EAAa,CAAAP,SAAAA,KAEnCM,GACCY,EAACC,EACCL,OAAAC,OAAA,CAAAK,GAAG,OAAM,eAAA,GAELX,EACJ,CAAAR,UAAWe,EAAG,kBAAmBP,aAAA,EAAAA,EAAcR,YAAU,CAAAD,SAExDM,QAKX"}

package/dist/esm/src/components/new/Buttons/DropdownButton.js

@@ -1,2 +0,0 @@
-import{slicedToArray as o}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import*as e from"react";import{Button as s}from"./Button.js";import{DropdownMenu as t}from"../DropdownMenu/DropdownMenu.js";import i from"../../Icon/Icon.js";import m from"../../Icon/Icons/components/DropdownChevronDown.js";import l from"../../Icon/Icons/components/DropdownChevronUp.js";import c from"../../Button/Button.module.scss.js";var p=e.forwardRef((function(p,a){var u=p.menuItems,d=p.styleType,f=p.children,j=p.dropdownMenuProps,h=n(p,["menuItems","className","size","styleType","children","dropdownMenuProps"]),v=e.useState(!1),I=o(v,2),b=I[0],w=I[1];return r(t,Object.assign({menuItems:u,matchWidth:!0,visible:b},j,{onVisibleChange:function(o){var n;w(o),null===(n=null==j?void 0:j.onVisibleChange)||void 0===n||n.call(j,o)}},{children:r(s,Object.assign({className:c.button,styleType:d,endIcon:r(i,b?{icon:l}:{icon:m}),ref:a},h,{children:f}))}))}));export{p as DropdownButton};
-//# sourceMappingURL=DropdownButton.js.map

package/dist/esm/src/components/new/Buttons/DropdownButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownButton.js","sources":["../../../../../../src/components/new/Buttons/DropdownButton.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport { Button } from \"./Button\";\nimport type { ButtonProps } from \"./Button\";\nimport { DropdownMenu } from \"../DropdownMenu/DropdownMenu\";\nimport type { DropdownMenuProps } from \"../DropdownMenu/DropdownMenu\";\nimport type { PolymorphicForwardRefComponent } from \"../utils/index\";\nimport Icon from \"../../Icon/Icon\";\nimport DropdownChevronDown from \"../../Icon/Icons/components/DropdownChevronDown\";\nimport DropdownChevronUp from \"../../Icon/Icons/components/DropdownChevronUp\";\nimport styles from \"../../Button/Button.module.scss\";\n\nexport type DropdownButtonProps = {\n  /**\n   * Items in the dropdown menu.\n   * Pass a function that takes the `close` argument (to close the menu),\n   * and returns a list of `MenuItem` components.\n   */\n  menuItems: (close: () => void) => JSX.Element[];\n  /**\n   * Style of the dropdown button.\n   * Use 'borderless' to hide outline.\n   * @default 'default'\n   */\n  styleType?: \"default\" | \"borderless\" | \"high-visibility\";\n  /**\n   * Props for the `DropdownMenu` which extends `PopoverProps`.\n   */\n  dropdownMenuProps?: Omit<DropdownMenuProps, \"menuItems\" | \"children\">;\n} & Omit<ButtonProps, \"styleType\" | \"endIcon\">;\n\n/**\n * Button that opens a DropdownMenu.\n * @example\n * const menuItems = (close: () => void) => [\n *   <MenuItem key={1} onClick={onClick(1, close)}>Item #1</MenuItem>,\n *   <MenuItem key={2} onClick={onClick(2, close)}>Item #2</MenuItem>,\n * ];\n * <DropdownButton menuItems={menuItems}>Default</DropdownButton>\n */\nexport const DropdownButton = React.forwardRef((props, forwardedRef) => {\n  const {\n    menuItems,\n    className,\n    size,\n    styleType,\n    children,\n    dropdownMenuProps,\n    ...rest\n  } = props;\n\n  const [isMenuOpen, setIsMenuOpen] = React.useState(false);\n\n  return (\n    <DropdownMenu\n      menuItems={menuItems}\n      matchWidth\n      visible={isMenuOpen}\n      {...dropdownMenuProps}\n      onVisibleChange={(open) => {\n        setIsMenuOpen(open);\n        dropdownMenuProps?.onVisibleChange?.(open);\n      }}\n    >\n      <Button\n        // style={{ display: \"flex\", flexWrap: \"nowrap\", alignItems: \"center\" }}\n        // className={styles.hx_button_dropdown}\n        className={styles.button}\n        // size={size}\n        styleType={styleType}\n        endIcon={\n          isMenuOpen ? (\n            // <SvgCaretUpSmall aria-hidden />\n            <Icon icon={DropdownChevronUp} />\n          ) : (\n            <Icon icon={DropdownChevronDown} />\n            // <SvgCaretDownSmall aria-hidden />\n          )\n        }\n        ref={forwardedRef}\n        {...rest}\n      >\n        {children}\n      </Button>\n    </DropdownMenu>\n  );\n}) as PolymorphicForwardRefComponent<\"button\", DropdownButtonProps>;\n"],"names":["DropdownButton","React","forwardRef","props","forwardedRef","menuItems","styleType","children","dropdownMenuProps","rest","_React$useState","useState","_React$useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_jsx","DropdownMenu","Object","assign","matchWidth","visible","onVisibleChange","open","_a","call","Button","className","styles","button","endIcon","Icon","icon","DropdownChevronUp","DropdownChevronDown","ref"],"mappings":"ogBA4CO,IAAMA,EAAiBC,EAAMC,YAAW,SAACC,EAAOC,GACrD,IACEC,EAOEF,EAPFE,UAGAC,EAIEH,EAJFG,UACAC,EAGEJ,EAHFI,SACAC,EAEEL,EAFFK,kBACGC,IACDN,EARE,CAQL,YAAA,YAAA,OAAA,YAAA,WAAA,sBAEDO,EAAoCT,EAAMU,UAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAlDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAEhC,OACEI,EAACC,EAAYC,OAAAC,OAAA,CACXd,UAAWA,EACXe,YAAU,EACVC,QAASP,GACLN,EAAiB,CACrBc,gBAAiB,SAACC,SAChBR,EAAcQ,GACoB,QAAlCC,EAAAhB,aAAA,EAAAA,EAAmBc,uBAAe,IAAAE,GAAAA,EAAAC,KAAAjB,EAAGe,EACvC,GAAC,CAAAhB,SAEDS,EAACU,iBAGCC,UAAWC,EAAOC,OAElBvB,UAAWA,EACXwB,QAGId,EAACe,EAFHjB,EAEQ,CAAAkB,KAAMC,IAEND,KAAME,IAIhBC,IAAK/B,GACDK,YAEHF,OAIT"}

package/dist/esm/src/components/new/Buttons/IconButton.js

@@ -1,2 +0,0 @@
-import{__rest as i}from"../../../../_virtual/_tslib.js";import{jsxs as s,jsx as e}from"react/jsx-runtime";import a from"classnames";import*as t from"react";import{ButtonBase as o}from"../utils/components/ButtonBase.js";import{Box as r}from"../utils/components/Box.js";import{VisuallyHidden as l}from"../VisuallyHidden/VisuallyHidden.js";import n from"../../Tooltip/Tooltip.js";var c=t.forwardRef((function(t,c){var m=t.isActive,d=t.children,p=t.styleType,u=void 0===p?"default":p,f=t.size,b=t.className,v=t.label,j=t.iconProps,h=t.labelProps,y=i(t,["isActive","children","styleType","size","className","label","iconProps","labelProps"]),N=s(o,Object.assign({ref:c,className:a("iui-button",b),"data-iui-variant":"default"!==u?u:void 0,"data-iui-size":f,"data-iui-active":m,"aria-pressed":m},y,{children:[e(r,Object.assign({as:"span","aria-hidden":!0},j,{className:a("iui-button-icon",null==j?void 0:j.className)},{children:d})),v?e(l,{children:v}):null]}));return v?e(n,Object.assign({},h,{content:v},{children:N})):N}));export{c as IconButton};
-//# sourceMappingURL=IconButton.js.map

package/dist/esm/src/components/new/Buttons/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../../../src/components/new/Buttons/IconButton.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ButtonBase } from \"../utils/components/ButtonBase\";\nimport { Box } from \"../utils/components/Box\";\n\nimport type { ButtonProps } from \"./Button.js\";\nimport type { PolymorphicForwardRefComponent } from \"../utils/index\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\n\nexport type IconButtonProps = {\n  /**\n   * Button gets active style.\n   * @default false\n   */\n  isActive?: boolean;\n  /**\n   * Name of the button, shown in a tooltip and exposed to assistive technologies.\n   */\n  label?: React.ReactNode;\n  /**\n   * Props passed to the Tooltip that contains the `label`.\n   * Can be used for customizing the tooltip's `placement`, etc.\n   */\n  labelProps?: Omit<\n    React.ComponentPropsWithoutRef<typeof Tooltip>,\n    \"content\" | \"reference\" | \"ariaStrategy\" | \"children\"\n  >;\n  /**\n   * Passes props to IconButton icon.\n   */\n  iconProps?: React.ComponentProps<\"span\">;\n} & Omit<\n  ButtonProps,\n  \"startIcon\" | \"endIcon\" | \"startIconProps\" | \"endIconProps\" | \"labelProps\"\n>;\n\n/**\n * Icon button\n * @example\n * <IconButton label='Add'><SvgAdd /></IconButton>\n * @example\n * <IconButton label='Add' styleType='borderless'><SvgAdd /></IconButton>\n */\nexport const IconButton = React.forwardRef((props, ref) => {\n  const {\n    isActive,\n    children,\n    styleType = \"default\",\n    size,\n    className,\n    label,\n    iconProps,\n    labelProps,\n    ...rest\n  } = props;\n\n  // const buttonGroupOrientation = React.useContext(ButtonGroupContext);\n\n  const button = (\n    <ButtonBase\n      ref={ref}\n      className={cx(\"iui-button\", className)}\n      data-iui-variant={styleType !== \"default\" ? styleType : undefined}\n      data-iui-size={size}\n      data-iui-active={isActive}\n      aria-pressed={isActive}\n      {...rest}\n    >\n      <Box\n        as=\"span\"\n        aria-hidden\n        {...iconProps}\n        className={cx(\"iui-button-icon\", iconProps?.className)}\n      >\n        {children}\n      </Box>\n      {label ? <VisuallyHidden>{label}</VisuallyHidden> : null}\n    </ButtonBase>\n  );\n\n  return label ? (\n    <Tooltip\n      // placement=\"right\"\n      {...labelProps}\n      content={label}\n      // ariaStrategy=\"none\"\n    >\n      {button}\n    </Tooltip>\n  ) : (\n    button\n  );\n}) as PolymorphicForwardRefComponent<\"button\", IconButtonProps>;\n"],"names":["IconButton","React","forwardRef","props","ref","isActive","children","_props$styleType","styleType","size","className","label","iconProps","labelProps","rest","__rest","button","_jsxs","ButtonBase","cx","undefined","_jsx","Box","Object","assign","as","VisuallyHidden","Tooltip","content"],"mappings":"yXAgDO,IAAMA,EAAaC,EAAMC,YAAW,SAACC,EAAOC,GACjD,IACEC,EASEF,EATFE,SACAC,EAQEH,EARFG,SAAQC,EAQNJ,EAPFK,UAAAA,OAAY,IAAHD,EAAG,UAASA,EACrBE,EAMEN,EANFM,KACAC,EAKEP,EALFO,UACAC,EAIER,EAJFQ,MACAC,EAGET,EAHFS,UACAC,EAEEV,EAFFU,WACGC,EAAIC,EACLZ,EAVE,CAUL,WAAA,WAAA,YAAA,OAAA,YAAA,QAAA,YAAA,eAIKa,EACJC,EAACC,iBACCd,IAAKA,EACLM,UAAWS,EAAG,aAAcT,GAAU,mBACN,YAAdF,EAA0BA,OAAYY,EAAS,gBAClDX,EACE,kBAAAJ,iBACHA,GACVS,EAEJ,CAAAR,SAAA,CAAAe,EAACC,EAAGC,OAAAC,OAAA,CACFC,GAAG,OAEC,eAAA,GAAAb,GACJF,UAAWS,EAAG,kBAAmBP,aAAS,EAATA,EAAWF,YAAU,CAAAJ,SAErDA,KAEFK,EAAQU,EAACK,EAAgB,CAAApB,SAAAK,IAA0B,SAIxD,OAAOA,EACLU,EAACM,EAEKJ,OAAAC,OAAA,CAAA,EAAAX,EACJ,CAAAe,QAASjB,aAGRK,KAGHA,CAEJ"}

package/dist/esm/src/components/new/DropdownMenu/DropdownMenu.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../../_virtual/_tslib.js";import{jsxs as t,Fragment as r,jsx as i}from"react/jsx-runtime";import*as s from"react";import{mergeEventHandlers as n}from"../utils/functions/dom.js";import"../utils/functions/colors.js";import"../utils/functions/polymorphic.js";import{cloneElementWithRef as l}from"../utils/functions/react.js";import"../utils/functions/dev.js";import{useMergedRefs as u,mergeRefs as a}from"../utils/hooks/useMergedRefs.js";import"../utils/hooks/useId.js";import{useControlledState as m}from"../utils/hooks/useControlledState.js";import"../utils/color/ColorValue.js";import{Portal as c}from"../utils/components/Portal.js";import{Menu as p}from"../Menu/Menu.js";import{usePopover as f}from"../Popover/Popover.js";var d=s.forwardRef((function(d,j){var h=d.menuItems,v=d.children,b=d.role,g=void 0===b?"menu":b,P=d.visible,y=d.placement,C=void 0===y?"bottom-start":y,O=d.matchWidth,k=void 0!==O&&O,R=d.onVisibleChange,M=d.portal,V=void 0===M||M,_=o(d,["menuItems","children","role","visible","placement","matchWidth","onVisibleChange","portal"]),w=m(!1,P,R),x=e(w,2),I=x[0],W=x[1],D=s.useRef(null),F=s.useCallback((function(){var e;W(!1),null===(e=D.current)||void 0===e||e.focus({preventScroll:!0})}),[W]),K=s.useMemo((function(){return"function"==typeof h?h(F):h}),[h,F]),S=f({visible:I,onVisibleChange:function(e){return e?W(!0):F()},placement:C,matchWidth:k}),T=u(j,S.refs.setFloating);return t(r,{children:[l(v,(function(e){return Object.assign(Object.assign({},S.getReferenceProps(e.props)),{"aria-expanded":S.open,ref:a(D,S.refs.setReference)})})),S.open&&i(c,Object.assign({portal:V},{children:i(p,Object.assign({},S.getFloatingProps(Object.assign(Object.assign({role:g},_),{onKeyDown:n(d.onKeyDown,(function(e){e.defaultPrevented||"Tab"===e.key&&F()}))})),{ref:T},{children:K}))}))]})}));export{d as DropdownMenu};
-//# sourceMappingURL=DropdownMenu.js.map

package/dist/esm/src/components/new/DropdownMenu/DropdownMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../../../../../src/components/new/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// @ts-nocheck\n\nimport * as React from \"react\";\nimport {\n  useMergedRefs,\n  cloneElementWithRef,\n  useControlledState,\n  mergeRefs,\n  mergeEventHandlers,\n} from \"../utils/index\";\nimport { Portal } from \"../utils/components/Portal\";\nimport type {\n  PolymorphicForwardRefComponent,\n  PortalProps,\n} from \"../utils/index\";\nimport { Menu } from \"../Menu/Menu\";\nimport { usePopover } from \"../Popover/Popover\";\n\nexport type DropdownMenuProps = {\n  /**\n   * List of menu items. Recommended to use MenuItem component.\n   * You can pass function that takes argument `close` that closes the dropdown menu, or a list of MenuItems.\n   */\n  menuItems:\n    | ((close: () => void) => JSX.Element[])\n    | JSX.Element[]\n    | JSX.Element;\n  /**\n   * ARIA role. Role of menu. For menu use 'menu', for select use 'listbox'.\n   * @default 'menu'\n   */\n  role?: string;\n  /**\n   * Child element to wrap dropdown with.\n   */\n  children: React.ReactNode;\n} & Pick<\n  Parameters<typeof usePopover>[0],\n  \"visible\" | \"onVisibleChange\" | \"placement\" | \"matchWidth\"\n> &\n  React.ComponentPropsWithoutRef<\"ul\"> &\n  Pick<PortalProps, \"portal\">;\n\n/**\n * Dropdown menu component.\n * Built on top of the {@link Popover} component.\n * @example\n * const menuItems = (close: () => void) => [\n *   <MenuItem key={1} onClick={onClick(1, close)}>\n *     Item #1\n *   </MenuItem>,\n *   <MenuItem key={2} onClick={onClick(2, close)}>\n *     Item #2\n *   </MenuItem>,\n *   <MenuItem key={3} onClick={onClick(3, close)}>\n *     Item #3\n *   </MenuItem>,\n * ];\n * <DropdownMenu menuItems={menuItems}>\n *   <Button>Menu</Button>\n * </DropdownMenu>\n */\nexport const DropdownMenu = React.forwardRef((props, forwardedRef) => {\n  const {\n    menuItems,\n    children,\n    role = \"menu\",\n    visible: visibleProp,\n    placement = \"bottom-start\",\n    matchWidth = false,\n    onVisibleChange,\n    portal = true,\n    ...rest\n  } = props;\n\n  const [visible, setVisible] = useControlledState(\n    false,\n    visibleProp,\n    onVisibleChange\n  );\n\n  const triggerRef = React.useRef<HTMLElement>(null);\n\n  const close = React.useCallback(() => {\n    setVisible(false);\n    triggerRef.current?.focus({ preventScroll: true });\n  }, [setVisible]);\n\n  const menuContent = React.useMemo(() => {\n    if (typeof menuItems === \"function\") {\n      return menuItems(close);\n    }\n    return menuItems;\n  }, [menuItems, close]);\n\n  const popover = usePopover({\n    visible,\n    onVisibleChange: (open) => (open ? setVisible(true) : close()),\n    placement,\n    matchWidth,\n  });\n\n  const popoverRef = useMergedRefs(forwardedRef, popover.refs.setFloating);\n\n  return (\n    <>\n      {cloneElementWithRef(children, (children) => ({\n        ...popover.getReferenceProps(children.props),\n        \"aria-expanded\": popover.open,\n        ref: mergeRefs(triggerRef, popover.refs.setReference),\n      }))}\n      {popover.open && (\n        <Portal portal={portal}>\n          <Menu\n            {...popover.getFloatingProps({\n              role,\n              ...rest,\n              onKeyDown: mergeEventHandlers(props.onKeyDown, (e) => {\n                if (e.defaultPrevented) {\n                  return;\n                }\n                if (e.key === \"Tab\") {\n                  close();\n                }\n              }),\n            })}\n            ref={popoverRef}\n          >\n            {menuContent}\n          </Menu>\n        </Portal>\n      )}\n    </>\n  );\n}) as PolymorphicForwardRefComponent<\"div\", DropdownMenuProps>;\n"],"names":["DropdownMenu","React","forwardRef","props","forwardedRef","menuItems","children","_props$role","role","visibleProp","visible","_props$placement","placement","_props$matchWidth","matchWidth","onVisibleChange","_props$portal","portal","rest","__rest","_useControlledState","useControlledState","_useControlledState2","_slicedToArray","setVisible","triggerRef","useRef","close","useCallback","_a","current","focus","preventScroll","menuContent","useMemo","popover","usePopover","open","popoverRef","useMergedRefs","refs","setFloating","_jsxs","_Fragment","cloneElementWithRef","Object","assign","getReferenceProps","ref","mergeRefs","setReference","_jsx","Portal","Menu","getFloatingProps","onKeyDown","mergeEventHandlers","e","defaultPrevented","key"],"mappings":"m0BAkEO,IAAMA,EAAeC,EAAMC,YAAW,SAACC,EAAOC,GACnD,IACEC,EASEF,EATFE,UACAC,EAQEH,EARFG,SAAQC,EAQNJ,EAPFK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACJE,EAMPN,EANFO,QAAOC,EAMLR,EALFS,UAAAA,OAAY,IAAHD,EAAG,eAAcA,EAAAE,EAKxBV,EAJFW,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGEZ,EAHFY,gBAAeC,EAGbb,EAFFc,OAAAA,OAAS,IAAHD,GAAOA,EACVE,EACDC,EAAAhB,EAVE,CAAA,YAAA,WAAA,OAAA,UAAA,YAAA,aAAA,kBAAA,WAYNiB,EAA8BC,GAC5B,EACAZ,EACAM,GACDO,EAAAC,EAAAH,EAAA,GAJMV,EAAOY,EAAA,GAAEE,EAAUF,EAAA,GAMpBG,EAAaxB,EAAMyB,OAAoB,MAEvCC,EAAQ1B,EAAM2B,aAAY,iBAC9BJ,GAAW,GACO,QAAlBK,EAAAJ,EAAWK,eAAO,IAAAD,GAAAA,EAAEE,MAAM,CAAEC,eAAe,GAC7C,GAAG,CAACR,IAEES,EAAchC,EAAMiC,SAAQ,WAChC,MAAyB,mBAAd7B,EACFA,EAAUsB,GAEZtB,CACT,GAAG,CAACA,EAAWsB,IAETQ,EAAUC,EAAW,CACzB1B,QAAAA,EACAK,gBAAiB,SAACsB,GAAI,OAAMA,EAAOb,GAAW,GAAQG,GAAQ,EAC9Df,UAAAA,EACAE,WAAAA,IAGIwB,EAAaC,EAAcnC,EAAc+B,EAAQK,KAAKC,aAE5D,OACEC,EACGC,EAAA,CAAArC,SAAA,CAAAsC,EAAoBtC,GAAU,SAACA,GAAQ,OACnCuC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAX,EAAQY,kBAAkBzC,EAASH,SACtC,gBAAiBgC,EAAQE,KACzBW,IAAKC,EAAUxB,EAAYU,EAAQK,KAAKU,eAAa,IAEtDf,EAAQE,MACPc,EAACC,EAAMP,OAAAC,OAAA,CAAC7B,OAAQA,GACd,CAAAX,SAAA6C,EAACE,EACKR,OAAAC,OAAA,CAAA,EAAAX,EAAQmB,8CACV9C,KAAAA,GACGU,GAAI,CACPqC,UAAWC,EAAmBrD,EAAMoD,WAAW,SAACE,GAC1CA,EAAEC,kBAGQ,QAAVD,EAAEE,KACJhC,UAIN,CAAAqB,IAAKV,GAEJ,CAAAhC,SAAA2B,UAMb"}

package/dist/esm/src/components/new/Menu/Menu.js

@@ -1,2 +0,0 @@
-import{slicedToArray as o}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import*as e from"react";import s from"classnames";import{mergeEventHandlers as i}from"../utils/functions/dom.js";import"../utils/functions/colors.js";import{getFocusableElements as n}from"../utils/functions/focusable.js";import"../utils/functions/polymorphic.js";import{useMergedRefs as u}from"../utils/hooks/useMergedRefs.js";import"../utils/functions/dev.js";import"../utils/hooks/useId.js";import"../utils/color/ColorValue.js";import{Box as l}from"../utils/components/Box.js";var a=e.forwardRef((function(a,f){var m=a.setFocus,c=void 0===m||m,p=a.className,v=t(a,["setFocus","className"]),d=e.useState(),j=o(d,2),g=j[0],h=j[1],b=e.useRef(null),w=u(b,f),y=e.useCallback((function(){var o=n(b.current);return o.filter((function(t){return!o.some((function(o){return o.contains(t.parentElement)}))}))}),[]);e.useEffect((function(){var o,t=y();if(null==g){var r=t.findIndex((function(o){return"true"===o.getAttribute("aria-selected")}));c&&h(r>-1?r:0)}else null===(o=null==t?void 0:t[g])||void 0===o||o.focus()}),[c,g,y]);return r(l,Object.assign({as:"div",className:s("iui-menu",p),role:"menu",ref:w},v,{onKeyDown:i(a.onKeyDown,(function(o){if(!o.altKey){var t=y();if(null==t?void 0:t.length){var r=null!=g?g:0;switch(o.key){case"ArrowDown":h(Math.min(r+1,t.length-1)),o.preventDefault(),o.stopPropagation();break;case"ArrowUp":h(Math.max(r-1,0)),o.preventDefault(),o.stopPropagation()}}}}))}))}));export{a as Menu};
-//# sourceMappingURL=Menu.js.map

package/dist/esm/src/components/new/Menu/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/new/Menu/Menu.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport {\n  useMergedRefs,\n  getFocusableElements,\n  mergeEventHandlers,\n} from \"../utils/index\";\nimport { Box } from \"../utils/components/Box\";\nimport type { PolymorphicForwardRefComponent } from \"../utils/index\";\n\ntype MenuProps = {\n  /**\n   * Menu items. Recommended to use `MenuItem` components.\n   *\n   * If you have custom actionable items, they should have `tabIndex={-1}` for better keyboard navigation support\n   * and selected item should have `aria-selected={true}`.\n   */\n  children: React.ReactNode;\n  /**\n   * If true, the first selected or enabled menu item will be focused automatically.\n   * @default true\n   */\n  setFocus?: boolean;\n};\n\n/**\n * Basic menu component. Can be used for select or dropdown components.\n */\nexport const Menu = React.forwardRef((props, ref) => {\n  const { setFocus = true, className, ...rest } = props;\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number | null>();\n  const menuRef = React.useRef<HTMLElement>(null);\n  const refs = useMergedRefs(menuRef, ref);\n\n  const getFocusableNodes = React.useCallback(() => {\n    const focusableItems = getFocusableElements(menuRef.current);\n    // Filter out focusable elements that are inside each menu item, e.g. checkbox, anchor\n    return focusableItems.filter(\n      (i) => !focusableItems.some((p) => p.contains(i.parentElement))\n    ) as HTMLElement[];\n  }, []);\n\n  React.useEffect(() => {\n    const items = getFocusableNodes();\n    if (focusedIndex != null) {\n      (items?.[focusedIndex] as HTMLElement)?.focus();\n      return;\n    }\n\n    const selectedIndex = items.findIndex(\n      (el) => el.getAttribute(\"aria-selected\") === \"true\"\n    );\n    if (setFocus) {\n      setFocusedIndex(selectedIndex > -1 ? selectedIndex : 0);\n    }\n  }, [setFocus, focusedIndex, getFocusableNodes]);\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (event.altKey) {\n      return;\n    }\n\n    const items = getFocusableNodes();\n    if (!items?.length) {\n      return;\n    }\n\n    const currentIndex = focusedIndex ?? 0;\n    switch (event.key) {\n      case \"ArrowDown\": {\n        setFocusedIndex(Math.min(currentIndex + 1, items.length - 1));\n        event.preventDefault();\n        event.stopPropagation();\n        break;\n      }\n      case \"ArrowUp\": {\n        setFocusedIndex(Math.max(currentIndex - 1, 0));\n        event.preventDefault();\n        event.stopPropagation();\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  return (\n    <Box\n      as=\"div\"\n      className={cx(\"iui-menu\", className)}\n      role=\"menu\"\n      ref={refs}\n      {...rest}\n      onKeyDown={mergeEventHandlers(props.onKeyDown, onKeyDown)}\n    />\n  );\n}) as PolymorphicForwardRefComponent<\"div\", MenuProps>;\n"],"names":["Menu","React","forwardRef","props","ref","_props$setFocus","setFocus","className","rest","__rest","_React$useState","useState","_React$useState2","_slicedToArray","focusedIndex","setFocusedIndex","menuRef","useRef","refs","useMergedRefs","getFocusableNodes","useCallback","focusableItems","getFocusableElements","current","filter","i","some","p","contains","parentElement","useEffect","items","selectedIndex","findIndex","el","getAttribute","_a","focus","_jsx","Box","Object","assign","as","cx","role","onKeyDown","mergeEventHandlers","event","altKey","length","currentIndex","key","Math","min","preventDefault","stopPropagation","max"],"mappings":"ipBAgCO,IAAMA,EAAOC,EAAMC,YAAW,SAACC,EAAOC,GAC3C,IAAAC,EAAgDF,EAAxCG,SAAAA,OAAW,IAAHD,GAAOA,EAAEE,EAAuBJ,EAAvBI,UAAcC,EAASC,EAAAN,EAA1C,CAAA,WAAA,cAENO,EAAwCT,EAAMU,WAAyBC,EAAAC,EAAAH,EAAA,GAAhEI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BI,EAAUf,EAAMgB,OAAoB,MACpCC,EAAOC,EAAcH,EAASZ,GAE9BgB,EAAoBnB,EAAMoB,aAAY,WAC1C,IAAMC,EAAiBC,EAAqBP,EAAQQ,SAEpD,OAAOF,EAAeG,QACpB,SAACC,GAAC,OAAMJ,EAAeK,MAAK,SAACC,GAAC,OAAKA,EAAEC,SAASH,EAAEI,oBAEnD,GAAE,IAEH7B,EAAM8B,WAAU,iBACRC,EAAQZ,IACd,GAAoB,MAAhBN,EAAJ,CAKA,IAAMmB,EAAgBD,EAAME,WAC1B,SAACC,GAAE,MAA0C,SAArCA,EAAGC,aAAa,oBAEtB9B,GACFS,EAAgBkB,GAAiB,EAAIA,EAAgB,EANtD,MAFuC,QAArCI,EAAAL,aAAA,EAAAA,EAAQlB,UAA6B,IAAAuB,GAAAA,EAAEC,OAU3C,GAAE,CAAChC,EAAUQ,EAAcM,IA+B5B,OACEmB,EAACC,EACCC,OAAAC,OAAA,CAAAC,GAAG,MACHpC,UAAWqC,EAAG,WAAYrC,GAC1BsC,KAAK,OACLzC,IAAKc,GACDV,EAAI,CACRsC,UAAWC,EAAmB5C,EAAM2C,WApCtB,SAACE,GACjB,IAAIA,EAAMC,OAAV,CAIA,IAAMjB,EAAQZ,IACd,GAAKY,eAAAA,EAAOkB,OAAZ,CAIA,IAAMC,EAAerC,QAAAA,EAAgB,EACrC,OAAQkC,EAAMI,KACZ,IAAK,YACHrC,EAAgBsC,KAAKC,IAAIH,EAAe,EAAGnB,EAAMkB,OAAS,IAC1DF,EAAMO,iBACNP,EAAMQ,kBACN,MAEF,IAAK,UACHzC,EAAgBsC,KAAKI,IAAIN,EAAe,EAAG,IAC3CH,EAAMO,iBACNP,EAAMQ,kBAbT,CALA,OAoCL"}

package/dist/esm/src/components/new/Popover/Popover.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import{jsxs as o,Fragment as i,jsx as n}from"react/jsx-runtime";import*as s from"react";import r from"classnames";import{FloatingPortal as l,FloatingFocusManager as a,useFloating as c,autoUpdate as f,offset as u,flip as p,shift as d,size as m,autoPlacement as g,inline as b,hide as h,useInteractions as j,useClick as v,useDismiss as O,useHover as y,safePolygon as C,useFocus as x,useRole as k}from"@floating-ui/react";import{Box as P}from"../utils/components/Box.js";import"../utils/functions/colors.js";import"../utils/functions/polymorphic.js";import{cloneElementWithRef as w}from"../utils/functions/react.js";import"../utils/functions/dev.js";import{useMergedRefs as R}from"../utils/hooks/useMergedRefs.js";import{useLayoutEffect as S}from"../utils/hooks/useIsomorphicLayoutEffect.js";import{useId as B}from"../utils/hooks/useId.js";import{useControlledState as F}from"../utils/hooks/useControlledState.js";import"../utils/color/ColorValue.js";import{Portal as I}from"../utils/components/Portal.js";import{ThemeProvider as V}from"../ThemeProvider/ThemeProvider.js";var _=function(t){var o=t.placement,i=void 0===o?"bottom-start":o,n=t.visible,r=t.onVisibleChange,l=t.closeOnOutsideClick,a=t.autoUpdateOptions,P=t.matchWidth,w=t.trigger,R=void 0===w?{click:!0,hover:!1,focus:!1}:w,S=t.role,B=Object.assign({flip:!0,shift:!0},t.middleware),I=F(!1,n,r),V=e(I,2),_=V[0],z=V[1],E=c({placement:i,open:_,onOpenChange:z,whileElementsMounted:function(){for(var e=arguments.length,t=Array(e),o=0;e>o;o++)t[o]=arguments[o];return f.apply(void 0,t.concat([a]))},middleware:[void 0!==B.offset&&u(B.offset),B.flip&&p(),B.shift&&d(),P&&m({apply:function(e){L(e.rects.reference.width)}}),B.autoPlacement&&g(),B.inline&&b(),B.hide&&h()].filter(Boolean)}),M=j([v(E.context,{enabled:!!R.click}),O(E.context,{outsidePress:l}),y(E.context,{enabled:!!R.hover,delay:100,handleClose:C({buffer:1})}),x(E.context,{enabled:!!R.focus}),k(E.context,{role:"dialog",enabled:!!S})]),N=s.useState(),T=e(N,2),A=T[0],L=T[1],H=s.useCallback((function(e){return M.getFloatingProps(Object.assign(Object.assign({},e),{style:Object.assign(Object.assign(Object.assign(Object.assign({},E.floatingStyles),{zIndex:9999}),P&&A?{minInlineSize:"".concat(A,"px"),maxInlineSize:"min(".concat(2*A,"px, 90vw)")}:{}),null==e?void 0:e.style)}))}),[E.floatingStyles,M,P,A]);return s.useMemo((function(){return Object.assign(Object.assign(Object.assign({open:_,onOpenChange:z},M),{getFloatingProps:H}),E)}),[_,z,M,H,E])},z=s.forwardRef((function(c,f){var u,p=c.portal,d=void 0===p||p,m=c.visible,g=c.placement,b=void 0===g?"bottom-start":g,h=c.onVisibleChange,j=c.closeOnOutsideClick,v=void 0===j||j,O=c.middleware,y=c.positionReference,C=c.className,x=c.children,k=c.content,F=c.applyBackground,z=void 0!==F&&F,E=t(c,["portal","visible","placement","onVisibleChange","closeOnOutsideClick","middleware","positionReference","className","children","content","applyBackground"]),M=_({visible:m,placement:b,onVisibleChange:h,closeOnOutsideClick:v,role:"dialog",middleware:O}),N=s.useState(),T=e(N,2),A=T[0],L=R(M.refs.setFloating,f,T[1]),H="".concat(B(),"-trigger"),U=!!c["aria-labelledby"]||!!c["aria-label"];return S((function(){if(y)return M.refs.setPositionReference(y),function(){M.refs.setPositionReference(null)}}),[M.refs,y]),o(i,{children:[w(x,(function(e){return Object.assign(Object.assign({id:e.props.id||H},M.getReferenceProps(e.props)),{ref:M.refs.setReference})})),M.open?n(I,Object.assign({portal:d},{children:n(l,{children:n(V,Object.assign({portalContainer:A},{children:n(a,Object.assign({context:M.context,modal:!1,initialFocus:M.refs.floating},{children:n(P,Object.assign({className:r({"iui-popover-surface":z},C),"aria-labelledby":U||null===(u=M.refs.domReference.current)||void 0===u?void 0:u.id},M.getFloatingProps(E),{ref:L},{children:k}))}))}))})})):null]})}));export{z as Popover,_ as usePopover};
-//# sourceMappingURL=Popover.js.map

package/dist/esm/src/components/new/Popover/Popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/new/Popover/Popover.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// @ts-nocheck\n\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useInteractions,\n  size,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  autoPlacement,\n  inline,\n  hide,\n  FloatingFocusManager,\n  useHover,\n  useFocus,\n  safePolygon,\n  useRole,\n  FloatingPortal,\n} from \"@floating-ui/react\";\nimport type { SizeOptions, Placement } from \"@floating-ui/react\";\nimport { Box } from \"../utils/components/Box\";\nimport {\n  cloneElementWithRef,\n  useControlledState,\n  useId,\n  useLayoutEffect,\n  useMergedRefs,\n} from \"../utils/index\";\nimport type { PolymorphicForwardRefComponent } from \"../utils/index\";\nimport { Portal } from \"../utils/components/Portal\";\nimport type { PortalProps } from \"../utils/components/Portal\";\nimport { ThemeProvider } from \"../ThemeProvider/ThemeProvider\";\n\ntype PopoverOptions = {\n  /**\n   * Placement of the popover content.\n   * @default 'bottom-start'\n   */\n  placement?: Placement;\n  /**\n   * Controlled flag for whether the popover is visible.\n   */\n  visible?: boolean;\n\n  /**\n   * Callback invoked every time the popover visibility changes as a result\n   * of internal logic. Should be used alongside `visible` prop.\n   */\n  onVisibleChange?: (visible: boolean) => void;\n  /**\n   * If true, the popover will close when clicking outside it.\n   *\n   * @default true\n   */\n  closeOnOutsideClick?: boolean;\n  /**\n   * Middleware options.\n   *\n   * By default, `flip` and `shift` are enabled.\n   *\n   * @see https://floating-ui.com/docs/middleware\n   */\n  middleware?: {\n    offset?: number;\n    flip?: boolean;\n    shift?: boolean;\n    autoPlacement?: boolean;\n    hide?: boolean;\n    inline?: boolean;\n  };\n};\n\n// keep public api small to start with\ntype PopoverInternalProps = {\n  /**\n   * autoUpdate options that recalculates position\n   * to ensure the floating element remains anchored\n   * to its reference element, such as when scrolling\n   * and resizing the screen\n   *\n   * https://floating-ui.com/docs/autoUpdate#options\n   */\n  autoUpdateOptions?: {\n    ancestorScroll?: boolean;\n    ancestorResize?: boolean;\n    elementResize?: boolean;\n    /**\n     * Use this if you want popover to follow moving trigger element\n     */\n    animationFrame?: boolean;\n    layoutShift?: boolean;\n  };\n  /**\n   * By default, the popover will only open on click.\n   * `hover` and `focus` can be manually specified as triggers.\n   */\n  trigger?: Partial<Record<\"hover\" | \"click\" | \"focus\", boolean>>;\n  role?: \"dialog\" | \"menu\" | \"listbox\";\n  /**\n   * Whether the popover should match the width of the trigger.\n   */\n  matchWidth?: boolean;\n};\n\n// ----------------------------------------------------------------------------\n\nexport const usePopover = (options: PopoverOptions & PopoverInternalProps) => {\n  const {\n    placement = \"bottom-start\",\n    visible,\n    onVisibleChange,\n    closeOnOutsideClick,\n    autoUpdateOptions,\n    matchWidth,\n    trigger = { click: true, hover: false, focus: false },\n    role,\n  } = options;\n\n  const middleware = { flip: true, shift: true, ...options.middleware };\n\n  const [open, onOpenChange] = useControlledState(\n    false,\n    visible,\n    onVisibleChange\n  );\n\n  const floating = useFloating({\n    placement,\n    open,\n    onOpenChange,\n    whileElementsMounted: (...args) => autoUpdate(...args, autoUpdateOptions),\n    middleware: [\n      middleware.offset !== undefined && offset(middleware.offset),\n      middleware.flip && flip(),\n      middleware.shift && shift(),\n      matchWidth &&\n        size({\n          apply: ({ rects }) => {\n            setReferenceWidth(rects.reference.width);\n          },\n        } as SizeOptions),\n      middleware.autoPlacement && autoPlacement(),\n      middleware.inline && inline(),\n      middleware.hide && hide(),\n    ].filter(Boolean),\n  });\n\n  const interactions = useInteractions([\n    useClick(floating.context, { enabled: !!trigger.click }),\n    useDismiss(floating.context, { outsidePress: closeOnOutsideClick }),\n    useHover(floating.context, {\n      enabled: !!trigger.hover,\n      delay: 100,\n      handleClose: safePolygon({ buffer: 1 }),\n    }),\n    useFocus(floating.context, { enabled: !!trigger.focus }),\n    useRole(floating.context, { role: \"dialog\", enabled: !!role }),\n  ]);\n\n  const [referenceWidth, setReferenceWidth] = React.useState<number>();\n\n  const getFloatingProps = React.useCallback(\n    (userProps?: React.HTMLProps<HTMLElement>) =>\n      interactions.getFloatingProps({\n        ...userProps,\n        style: {\n          ...floating.floatingStyles,\n          zIndex: 9999,\n          ...(matchWidth && referenceWidth\n            ? {\n                minInlineSize: `${referenceWidth}px`,\n                maxInlineSize: `min(${referenceWidth * 2}px, 90vw)`,\n              }\n            : {}),\n          ...userProps?.style,\n        },\n      }),\n    [floating.floatingStyles, interactions, matchWidth, referenceWidth]\n  );\n\n  return React.useMemo(\n    () => ({\n      open,\n      onOpenChange,\n      ...interactions,\n      getFloatingProps,\n      ...floating,\n    }),\n    [open, onOpenChange, interactions, getFloatingProps, floating]\n  );\n};\n\n// ----------------------------------------------------------------------------\n\ntype PopoverPublicProps = {\n  /**\n   * Content displayed inside the popover.\n   */\n  content?: React.ReactNode;\n  /**\n   * Element that triggers the popover. Should usually be a button.\n   */\n  children?: React.ReactNode;\n  /**\n   * Whether the popover adds recommended CSS (background-color, box-shadow, etc.) to itself.\n   *\n   * @default false\n   */\n  applyBackground?: boolean;\n  /**\n   * This is used to position the popover relative to a different element than the trigger.\n   *\n   * Recommended to use state to store this element, rather than a ref.\n   */\n  positionReference?: HTMLElement;\n} & PortalProps &\n  PopoverOptions;\n\n/**\n * A utility component to help with positioning of floating content relative to a trigger.\n * Built on top of [`floating-ui`](https://floating-ui.com/).\n *\n * @see https://itwinui.bentley.com/docs/popover\n *\n * @example\n * <Popover content='This is a popover'>\n *   <Button>Show popover</Button>\n * </Popover>\n */\nexport const Popover = React.forwardRef((props, forwardedRef) => {\n  const {\n    portal = true,\n    //\n    // popover options\n    visible,\n    placement = \"bottom-start\",\n    onVisibleChange,\n    closeOnOutsideClick = true,\n    middleware,\n    //\n    // extra props\n    positionReference,\n    //\n    // dom props\n    className,\n    children,\n    content,\n    applyBackground = false,\n    ...rest\n  } = props;\n\n  const popover = usePopover({\n    visible,\n    placement,\n    onVisibleChange,\n    closeOnOutsideClick,\n    role: \"dialog\",\n    middleware,\n  });\n\n  const [popoverElement, setPopoverElement] = React.useState<HTMLElement>();\n\n  const popoverRef = useMergedRefs(\n    popover.refs.setFloating,\n    forwardedRef,\n    setPopoverElement\n  );\n\n  const triggerId = `${useId()}-trigger`;\n  const hasAriaLabel = !!props[\"aria-labelledby\"] || !!props[\"aria-label\"];\n\n  useLayoutEffect(() => {\n    if (!positionReference) {\n      return;\n    }\n    popover.refs.setPositionReference(positionReference);\n    return () => void popover.refs.setPositionReference(null);\n  }, [popover.refs, positionReference]);\n\n  return (\n    <>\n      {cloneElementWithRef(children, (children) => ({\n        id: children.props.id || triggerId,\n        ...popover.getReferenceProps(children.props),\n        ref: popover.refs.setReference,\n      }))}\n\n      {popover.open ? (\n        <Portal portal={portal}>\n          <FloatingPortal>\n            <ThemeProvider\n              portalContainer={popoverElement} // portal nested popovers into this one\n            >\n              <FloatingFocusManager\n                context={popover.context}\n                modal={false}\n                initialFocus={popover.refs.floating}\n              >\n                <Box\n                  className={cx(\n                    { \"iui-popover-surface\": applyBackground },\n                    className\n                  )}\n                  aria-labelledby={\n                    !hasAriaLabel\n                      ? popover.refs.domReference.current?.id\n                      : undefined\n                  }\n                  {...popover.getFloatingProps(rest)}\n                  ref={popoverRef}\n                >\n                  {content}\n                </Box>\n              </FloatingFocusManager>\n            </ThemeProvider>\n          </FloatingPortal>\n        </Portal>\n      ) : null}\n    </>\n  );\n}) as PolymorphicForwardRefComponent<\"div\", PopoverPublicProps>;\n"],"names":["usePopover","options","_options$placement","placement","visible","onVisibleChange","closeOnOutsideClick","autoUpdateOptions","matchWidth","_options$trigger","trigger","click","hover","focus","role","middleware","Object","assign","flip","shift","_useControlledState","useControlledState","_useControlledState2","_slicedToArray","open","onOpenChange","floating","useFloating","whileElementsMounted","_len","arguments","length","args","Array","_key","autoUpdate","apply","concat","undefined","offset","size","_ref","setReferenceWidth","rects","reference","width","autoPlacement","inline","hide","filter","Boolean","interactions","useInteractions","useClick","context","enabled","useDismiss","outsidePress","useHover","delay","handleClose","safePolygon","buffer","useFocus","useRole","_React$useState","React","useState","_React$useState2","referenceWidth","getFloatingProps","useCallback","userProps","style","floatingStyles","zIndex","minInlineSize","maxInlineSize","useMemo","Popover","forwardRef","props","forwardedRef","_props$portal","portal","_props$placement","_props$closeOnOutside","positionReference","className","children","content","_props$applyBackgroun","applyBackground","rest","__rest","popover","_React$useState3","_React$useState4","popoverElement","popoverRef","useMergedRefs","refs","setFloating","triggerId","useId","hasAriaLabel","useLayoutEffect","setPositionReference","_jsxs","cloneElementWithRef","id","getReferenceProps","ref","setReference","_jsx","Portal","FloatingPortal","ThemeProvider","portalContainer","FloatingFocusManager","modal","initialFocus","Box","cx","_a","domReference","current"],"mappings":"0rCAmHaA,EAAa,SAACC,GACzB,IAAAC,EASID,EARFE,UAAAA,OAAY,IAAHD,EAAG,eAAcA,EAC1BE,EAOEH,EAPFG,QACAC,EAMEJ,EANFI,gBACAC,EAKEL,EALFK,oBACAC,EAIEN,EAJFM,kBACAC,EAGEP,EAHFO,WAAUC,EAGRR,EAFFS,QAAAA,OAAU,IAAHD,EAAG,CAAEE,OAAO,EAAMC,OAAO,EAAOC,OAAO,GAAOJ,EACrDK,EACEb,EADFa,KAGIC,EAAUC,OAAAC,OAAA,CAAKC,MAAM,EAAMC,OAAO,GAASlB,EAAQc,YAEzDK,EAA6BC,GAC3B,EACAjB,EACAC,GACDiB,EAAAC,EAAAH,EAAA,GAJMI,EAAIF,EAAA,GAAEG,EAAYH,EAAA,GAMnBI,EAAWC,EAAY,CAC3BxB,UAAAA,EACAqB,KAAAA,EACAC,aAAAA,EACAG,qBAAsB,WAAA,IAAA,IAAAC,EAAAC,UAAAC,OAAIC,EAAIC,MAAAJ,GAAAK,EAAA,EAAAL,EAAAK,EAAAA,IAAJF,EAAIE,GAAAJ,UAAAI,GAAA,OAAKC,EAAUC,WAAA,EAAIJ,EAAIK,OAAE9B,CAAAA,IAAkB,EACzEQ,WAAY,MACYuB,IAAtBvB,EAAWwB,QAAwBA,EAAOxB,EAAWwB,QACrDxB,EAAWG,MAAQA,IACnBH,EAAWI,OAASA,IACpBX,GACEgC,EAAK,CACHJ,MAAO,SAAAK,GACLC,EADaD,EAALE,MACgBC,UAAUC,MACpC,IAEJ9B,EAAW+B,eAAiBA,IAC5B/B,EAAWgC,QAAUA,IACrBhC,EAAWiC,MAAQA,KACnBC,OAAOC,WAGLC,EAAeC,EAAgB,CACnCC,EAAS3B,EAAS4B,QAAS,CAAEC,UAAW7C,EAAQC,QAChD6C,EAAW9B,EAAS4B,QAAS,CAAEG,aAAcnD,IAC7CoD,EAAShC,EAAS4B,QAAS,CACzBC,UAAW7C,EAAQE,MACnB+C,MAAO,IACPC,YAAaC,EAAY,CAAEC,OAAQ,MAErCC,EAASrC,EAAS4B,QAAS,CAAEC,UAAW7C,EAAQG,QAChDmD,EAAQtC,EAAS4B,QAAS,CAAExC,KAAM,SAAUyC,UAAWzC,MAGzDmD,EAA4CC,EAAMC,WAAkBC,EAAA7C,EAAA0C,EAAA,GAA7DI,EAAcD,EAAA,GAAE1B,EAAiB0B,EAAA,GAElCE,EAAmBJ,EAAMK,aAC7B,SAACC,GAAwC,OACvCrB,EAAamB,iBAAgBtD,OAAAC,OAAAD,OAAAC,OAAA,GACxBuD,GAAS,CACZC,MAAKzD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACAS,EAASgD,gBAAc,CAC1BC,OAAQ,OACJnE,GAAc6D,EACd,CACEO,cAAavC,GAAAA,OAAKgC,EAAkB,MACpCQ,cAAaxC,OAAAA,OAA0B,EAAjBgC,EAAkB,cAE1C,CAAG,GACJG,aAAS,EAATA,EAAWC,YAGpB,CAAC/C,EAASgD,eAAgBvB,EAAc3C,EAAY6D,IAGtD,OAAOH,EAAMY,SACX,WAAA,kDACEtD,KAAAA,EACAC,aAAAA,GACG0B,GACH,CAAAmB,iBAAAA,IACG5C,EAAQ,GAEb,CAACF,EAAMC,EAAc0B,EAAcmB,EAAkB5C,GAEzD,EAuCaqD,EAAUb,EAAMc,YAAW,SAACC,EAAOC,SAC9CC,EAmBIF,EAlBFG,OAAAA,OAAS,IAAHD,GAAOA,EAGb/E,EAeE6E,EAfF7E,QAAOiF,EAeLJ,EAdF9E,UAAAA,OAAY,IAAHkF,EAAG,eAAcA,EAC1BhF,EAaE4E,EAbF5E,gBAAeiF,EAabL,EAZF3E,oBAAAA,OAAsB,IAAHgF,GAAOA,EAC1BvE,EAWEkE,EAXFlE,WAGAwE,EAQEN,EARFM,kBAGAC,EAKEP,EALFO,UACAC,EAIER,EAJFQ,SACAC,EAGET,EAHFS,QAAOC,EAGLV,EAFFW,gBAAAA,OAAkB,IAAHD,GAAQA,EACpBE,EAAIC,EACLb,EAnBE,CAAA,SAAA,UAAA,YAAA,kBAAA,sBAAA,aAAA,oBAAA,YAAA,WAAA,UAAA,oBAqBAc,EAAU/F,EAAW,CACzBI,QAAAA,EACAD,UAAAA,EACAE,gBAAAA,EACAC,oBAAAA,EACAQ,KAAM,SACNC,WAAAA,IAGFiF,EAA4C9B,EAAMC,WAAuB8B,EAAA1E,EAAAyE,EAAA,GAAlEE,EAAcD,EAAA,GAEfE,EAAaC,EACjBL,EAAQM,KAAKC,YACbpB,EAJsCe,EAAA,IAQlCM,EAASlE,GAAAA,OAAMmE,IAAiB,YAChCC,IAAiBxB,EAAM,sBAAwBA,EAAM,cAU3D,OARAyB,GAAgB,WACd,GAAKnB,EAIL,OADAQ,EAAQM,KAAKM,qBAAqBpB,GAC3B,WAAWQ,EAAQM,KAAKM,qBAAqB,KAAK,CAC1D,GAAE,CAACZ,EAAQM,KAAMd,IAGhBqB,eACGC,EAAoBpB,GAAU,SAACA,GAAQ,oCACtCqB,GAAIrB,EAASR,MAAM6B,IAAMP,GACtBR,EAAQgB,kBAAkBtB,EAASR,SACtC+B,IAAKjB,EAAQM,KAAKY,cAClB,IAEDlB,EAAQvE,KACP0F,EAACC,EAAMnG,OAAAC,OAAA,CAACmE,OAAQA,aACd8B,EAACE,YACCF,EAACG,EACCrG,OAAAC,OAAA,CAAAqG,gBAAiBpB,aAEjBgB,EAACK,EACCvG,OAAAC,OAAA,CAAAqC,QAASyC,EAAQzC,QACjBkE,OAAO,EACPC,aAAc1B,EAAQM,KAAK3E,UAE3B,CAAA+D,SAAAyB,EAACQ,EAAG1G,OAAAC,OAAA,CACFuE,UAAWmC,EACT,CAAE,sBAAuB/B,GACzBJ,GAGA,kBAACiB,GACoC,QAAjCmB,EAAA7B,EAAQM,KAAKwB,aAAaC,eAAO,IAAAF,OACjCtF,EADiCsF,EAAEd,IAGrCf,EAAQzB,iBAAiBuB,GAC7B,CAAAmB,IAAKb,GAEJ,CAAAV,SAAAC,gBAMT,OAGV"}

package/dist/esm/src/components/new/ProgressIndicators/ProgressRadial.js

@@ -1,2 +0,0 @@
-import{__rest as i}from"../../../../_virtual/_tslib.js";import{jsx as s,Fragment as t,jsxs as o}from"react/jsx-runtime";import r from"classnames";import*as e from"react";import"../utils/functions/colors.js";import{getBoundedValue as a}from"../utils/functions/numbers.js";import"../utils/functions/polymorphic.js";import"../utils/functions/dev.js";import"../utils/hooks/useId.js";import"../utils/color/ColorValue.js";import{ShadowRoot as n}from"../utils/components/ShadowRoot.js";import{Box as l}from"../utils/components/Box.js";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.js";var m=e.forwardRef((function(e,m){var c=e.value,d=e.indeterminate,p=void 0===d?void 0===c:d,f=e.status,j=e.size,v=e.className,g=e.style,h=e.children,y=i(e,["value","indeterminate","status","size","className","style","children"]),b={negative:s(t,{}),positive:s(t,{}),warning:s(t,{})};return o(l,Object.assign({className:r("iui-progress-indicator-radial",v),"data-iui-size":j,"data-iui-status":f,"data-iui-indeterminate":p?"true":void 0,ref:m,style:Object.assign(Object.assign({},void 0!==c&&{"--iui-progress-percentage":"".concat(a(c,0,100),"%")}),g)},y,{children:[o(n,{children:[100!==c&&s(u,{children:"Loading."}),s("slot",{})]}),"x-small"!==j?null!=h?h:f?b[f]:null:null]}))}));export{m as ProgressRadial};
-//# sourceMappingURL=ProgressRadial.js.map

package/dist/esm/src/components/new/ProgressIndicators/ProgressRadial.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressRadial.js","sources":["../../../../../../src/components/new/ProgressIndicators/ProgressRadial.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n  getBoundedValue,\n} from \"../utils/index\";\nimport { ShadowRoot } from \"../utils/components/ShadowRoot\";\nimport { Box } from \"../utils/components/Box\";\nimport type { PolymorphicForwardRefComponent } from \"../utils/index\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\n\ntype ProgressRadialProps = {\n  /**\n   * Progress percentage. Should be a number between 0 and 100.\n   */\n  value?: number;\n  /**\n   * Progress variant. If true, value will be ignored.\n   *\n   * @default false if value is provided, true otherwise\n   */\n  indeterminate?: boolean;\n  /**\n   * Status of Progress. Positive status always has 100% value.\n   */\n  status?: \"positive\" | \"negative\" | \"warning\";\n  /**\n   * Size of the progress indicator. Defaults to medium size.\n   * @default ''\n   */\n  size?: \"\" | \"x-small\" | \"small\" | \"large\";\n  /**\n   * Content shown inside progress indicator.\n   */\n  children?: React.ReactNode;\n};\n\n/**\n * Circular Progress Indicator\n * @example\n * Basic\n * <ProgressRadial value={50} />\n * Indeterminate\n * <ProgressRadial indeterminate />\n * // Positive / Negative / Warning\n * <ProgressRadial status='positive' />\n * <ProgressRadial status='negative' />\n * <ProgressRadial status='warning' />\n * Centered Content\n * <ProgressRadial value={63}>63</ProgressRadial>\n * Small\n * <ProgressRadial size={'small'} indeterminate/>\n */\nexport const ProgressRadial = React.forwardRef((props, forwardedRef) => {\n  const {\n    value,\n    indeterminate = value === undefined,\n    status,\n    size,\n    className,\n    style,\n    children,\n    ...rest\n  } = props;\n\n  const statusMap = {\n    // negative: <SvgImportantSmall aria-hidden />,\n    // positive: <SvgCheckmarkSmall aria-hidden />,\n    // warning: <SvgImportantSmall aria-hidden />,\n    negative: <></>,\n    positive: <></>,\n    warning: <></>,\n  };\n\n  return (\n    <Box\n      className={cx(\"iui-progress-indicator-radial\", className)}\n      data-iui-size={size}\n      data-iui-status={status}\n      data-iui-indeterminate={indeterminate ? \"true\" : undefined}\n      ref={forwardedRef}\n      style={{\n        ...(value !== undefined && {\n          \"--iui-progress-percentage\": `${getBoundedValue(value, 0, 100)}%`,\n        }),\n        ...style,\n      }}\n      {...rest}\n    >\n      <ShadowRoot>\n        {value !== 100 && <VisuallyHidden>Loading.</VisuallyHidden>}\n        <slot />\n      </ShadowRoot>\n\n      {size !== \"x-small\"\n        ? children ?? (!!status ? statusMap[status] : null)\n        : null}\n    </Box>\n  );\n}) as PolymorphicForwardRefComponent<\"div\", ProgressRadialProps>;\n"],"names":["ProgressRadial","React","forwardRef","props","forwardedRef","value","_props$indeterminate","indeterminate","undefined","status","size","className","style","children","rest","__rest","statusMap","negative","_jsx","_Fragment","positive","warning","_jsxs","Box","Object","assign","cx","ref","concat","getBoundedValue","ShadowRoot","VisuallyHidden"],"mappings":"qlBAwDO,IAAMA,EAAiBC,EAAMC,YAAW,SAACC,EAAOC,GACrD,IACEC,EAQEF,EARFE,MAAKC,EAQHH,EAPFI,cAAAA,OAAa,IAAAD,OAAaE,IAAVH,EAAmBC,EACnCG,EAMEN,EANFM,OACAC,EAKEP,EALFO,KACAC,EAIER,EAJFQ,UACAC,EAGET,EAHFS,MACAC,EAEEV,EAFFU,SACGC,EAAIC,EACLZ,EATE,CASL,QAAA,gBAAA,SAAA,OAAA,YAAA,QAAA,aAEKa,EAAY,CAIhBC,SAAUC,EAAKC,EAAA,IACfC,SAAUF,EAAKC,EAAA,IACfE,QAASH,EAAKC,EAAA,KAGhB,OACEG,EAACC,EACCC,OAAAC,OAAA,CAAAd,UAAWe,EAAG,gCAAiCf,GAAU,gBAC1CD,EAAI,kBACFD,EACO,yBAAAF,EAAgB,YAASC,EACjDmB,IAAKvB,EACLQ,MAAKY,OAAAC,OAAAD,OAAAC,OAAA,CAAA,OACWjB,IAAVH,GAAuB,CACzB,4BAA2B,GAAAuB,OAAKC,EAAgBxB,EAAO,EAAG,KAAI,OAE7DO,IAEDE,aAEJQ,EAACQ,aACY,MAAVzB,GAAiBa,EAACa,EAAwC,CAAAlB,SAAA,aAC3DK,gBAGQ,YAATR,EACGG,QAAAA,EAAeJ,EAASO,EAAUP,GAAU,KAC5C,QAGV"}

package/dist/esm/src/components/new/ThemeProvider/ThemeContext.js

@@ -1,2 +0,0 @@
-import*as r from"react";var t=r.createContext(void 0);export{t as ThemeContext};
-//# sourceMappingURL=ThemeContext.js.map

package/dist/esm/src/components/new/ThemeProvider/ThemeContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeContext.js","sources":["../../../../../../src/components/new/ThemeProvider/ThemeContext.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\nimport type { ThemeOptions, ThemeType } from './ThemeProvider';\n\nexport const ThemeContext = React.createContext<\n  | {\n      theme?: ThemeType;\n      themeOptions?: ThemeOptions;\n      portalContainer?: HTMLElement | null;\n    }\n  | undefined\n>(undefined);\n"],"names":["ThemeContext","React","createContext","undefined"],"mappings":"wBAOO,IAAMA,EAAeC,EAAMC,mBAOhCC"}

package/dist/esm/src/components/new/ThemeProvider/ThemeProvider.js

@@ -1,2 +0,0 @@
-import{slicedToArray as t,regeneratorRuntime as e,toConsumableArray as o}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i,__awaiter as r}from"../../../../_virtual/_tslib.js";import{jsxs as n,jsx as s,Fragment as l}from"react/jsx-runtime";import*as a from"react";import*as u from"react-dom";import d from"classnames";import"../utils/functions/colors.js";import"../utils/functions/polymorphic.js";import{importCss as c}from"../utils/functions/import.js";import{useMergedRefs as m}from"../utils/hooks/useMergedRefs.js";import{isUnitTest as h}from"../utils/functions/dev.js";import{useLayoutEffect as p}from"../utils/hooks/useIsomorphicLayoutEffect.js";import{ThemeContext as v}from"./ThemeContext.js";import{useMediaQuery as f}from"../utils/hooks/useMediaQuery.js";import{useLatestRef as g}from"../utils/hooks/useLatestRef.js";import"../utils/hooks/useId.js";import{useControlledState as j}from"../utils/hooks/useControlledState.js";import"../utils/color/ColorValue.js";import{Box as y}from"../utils/components/Box.js";import{ToastProvider as C,Toaster as b}from"../Toast/Toaster.js";var k=a.forwardRef((function(e,o){var r,l,d,c=e.theme,h=void 0===c?"inherit":c,p=e.children,f=e.themeOptions,g=void 0===f?{}:f,y=e.portalContainer,k=e.includeCss,w=void 0===k?"inherit"===h:k,B=i(e,["theme","children","themeOptions","portalContainer","includeCss"]),R=a.useState(null),_=t(R,2),A=_[0],E=_[1],M=x(A),N="inherit"===h?M.theme||"light":h;null!==(r=g.applyBackground)&&void 0!==r||(g.applyBackground=!M.theme),null!==(l=g.highContrast)&&void 0!==l||(g.highContrast="inherit"===h?M.highContrast:void 0);var P=y||("inherit"===h?null===(d=M.context)||void 0===d?void 0:d.portalContainer:void 0),T=j(null,P),L=t(T,2),I=L[0],V=L[1],F=a.useMemo((function(){return{theme:N,themeOptions:g,portalContainer:I}}),[N,JSON.stringify(g),I]);return n(v.Provider,Object.assign({value:F},{children:[w&&A?s(S,{root:A}):null,s(O,Object.assign({theme:N,themeOptions:g,ref:m(o,E)},B,{children:n(C,{children:[p,P?u.createPortal(s(b,{}),P):s("div",Object.assign({ref:V,style:{display:"contents"}},{children:s(b,{})}))]})}))]}))})),O=a.forwardRef((function(t,e){var o,r=t.theme,n=t.children,l=t.themeOptions,a=t.className,u=i(t,["theme","children","themeOptions","className"]),c=f("(prefers-color-scheme: dark)"),m=f("(prefers-contrast: more)"),h="dark"===r||"os"===r&&c,p=null!==(o=null==l?void 0:l.highContrast)&&void 0!==o?o:m;return s(y,Object.assign({className:d("iui-root",{"iui-root-background":null==l?void 0:l.applyBackground},a),"data-iui-theme":h?"dark":"light","data-iui-contrast":p?"high":"default",ref:e},u,{children:n}))})),x=function(e){var o,i,r,n,s=a.useContext(v),l=a.useState(null==s?void 0:s.theme),u=t(l,2),d=u[0],c=u[1],m=a.useState(null===(o=null==s?void 0:s.themeOptions)||void 0===o?void 0:o.highContrast),h=t(m,2),f=h[0],j=h[1],y=g(null==s?void 0:s.theme);return p((function(){var t;if(!y.current){var o=null===(t=null==e?void 0:e.parentElement)||void 0===t?void 0:t.closest("[data-iui-theme]");if(o){var i=function(){c(null==o?void 0:o.getAttribute("data-iui-theme")),j("high"===(null==o?void 0:o.getAttribute("data-iui-contrast")))};i();var r=new MutationObserver((function(){return i()}));return r.observe(o,{attributes:!0,attributeFilter:["data-iui-theme","data-iui-contrast"]}),function(){r.disconnect()}}}}),[e,y]),{theme:null!==(i=null==s?void 0:s.theme)&&void 0!==i?i:d,highContrast:null!==(n=null===(r=null==s?void 0:s.themeOptions)||void 0===r?void 0:r.highContrast)&&void 0!==n?n:f,context:s}},S=function(t){var i=t.root;return p((function(){"yes"!==getComputedStyle(i).getPropertyValue("--_iui-v3-loaded")&&(h||r(void 0,void 0,void 0,e().mark((function t(){var i;return e().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:t.prev=0,t.next=10;break;case 3:return t.prev=3,t.t0=t.catch(0),console.log("Error loading styles.css locally",t.t0),t.next=8,c("https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@3/styles.css");case 8:i=t.sent,document.adoptedStyleSheets=[].concat(o(document.adoptedStyleSheets),[i.default]);case 10:case"end":return t.stop()}}),t,null,[[0,3]])}))))}),[i]),s(l,{})};export{k as ThemeProvider};
-//# sourceMappingURL=ThemeProvider.js.map

package/dist/esm/src/components/new/ThemeProvider/ThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../../../../src/components/new/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport cx from 'classnames';\nimport {\n  useMediaQuery,\n  useMergedRefs,\n  useLayoutEffect,\n  useControlledState,\n  useLatestRef,\n  importCss,\n  isUnitTest,\n} from '../utils/index';\nimport { Box } from '../utils/components/Box';\nimport type { PolymorphicForwardRefComponent } from '../utils/index';\nimport { ThemeContext } from './ThemeContext';\nimport { ToastProvider, Toaster } from '../Toast/Toaster';\n\nexport type ThemeOptions = {\n  /**\n   * Whether to apply high-contrast versions of light and dark themes.\n   * Will default to user preference if browser supports it.\n   */\n  highContrast?: boolean;\n};\n\nexport type ThemeType = 'light' | 'dark' | 'os';\n\ntype RootProps = {\n  /**\n   * Theme to be applied. Can be 'light' or 'dark' or 'os'.\n   *\n   * Note that 'os' will respect the system preference on client but will fallback to 'light'\n   * in SSR environments because it is not possible detect system preference on the server.\n   * This can cause a flash of incorrect theme on first render.\n   *\n   * The 'inherit' option is intended to be used by packages, to enable incremental adoption\n   * of iTwinUI while respecting the theme set by the consuming app. It will fall back to 'light'\n   * if no parent theme is found. Additionally, it will attempt to inherit `themeOptions.highContrast`\n   * and `portalContainer` (if possible).\n   *\n   * @default 'inherit'\n   */\n  theme?: ThemeType | 'inherit';\n  themeOptions?: Pick<ThemeOptions, 'highContrast'> & {\n    /**\n     * Whether or not the element should apply the recommended `background-color` on itself.\n     *\n     * When not specified, the default behavior is to apply a background-color only\n     * if it is the topmost `ThemeProvider` in the tree. Nested `ThemeProvider`s will\n     * be detected using React Context and will not apply a background-color.\n     *\n     * Additionally, if theme is set to `'inherit'`, then this will default to false.\n     *\n     * When set to true or false, it will override the default behavior.\n     */\n    applyBackground?: boolean;\n  };\n  /**\n   * This will be used to determine if background will be applied.\n   */\n  shouldApplyBackground?: boolean;\n};\n\ntype ThemeProviderOwnProps = Pick<RootProps, 'theme'> & {\n  themeOptions?: RootProps['themeOptions'];\n  children: Required<React.ReactNode>;\n  /**\n   * The element used as the portal for floating elements (Tooltip, Toast, DropdownMenu, Dialog, etc).\n   *\n   * Defaults to a `<div>` rendered at the end of the ThemeProvider.\n   *\n   * When passing an element, it is recommended to use state.\n   *\n   * @example\n   * const [myPortal, setMyPortal] = React.useState(null);\n   *\n   * <div ref={setMyPortal} />\n   * <ThemeProvider\n   *   portalContainer={myPortal}\n   * >\n   *   ...\n   * </ThemeProvider>\n   */\n  portalContainer?: HTMLElement;\n  /**\n   * This prop will be used to determine if `styles.css` should be automatically imported at runtime (if not already found).\n   *\n   * By default, this is enabled when using `theme='inherit'`.\n   * This default behavior is useful for packages that want to support incremental adoption of latest iTwinUI,\n   * without requiring consuming applications (that might still be using an older version) to manually import the CSS.\n   *\n   * If true or false is passed, it will override the default behavior.\n   */\n  includeCss?: boolean;\n};\n\n/**\n * This component provides global state and applies theme to the entire tree\n * that it is wrapping around.\n *\n * The `theme` prop defaults to \"inherit\", which looks upwards for closest ThemeProvider\n * and falls back to \"light\" theme if one is not found.\n *\n * If you want to theme the entire app, you should use this component at the root. You can also\n * use this component to apply a different theme to only a part of the tree.\n *\n * By default, the topmost `ThemeProvider` in the tree will apply the recommended\n * `background-color`. You can override this behavior using `themeOptions.applyBackground`.\n *\n * @example\n * <ThemeProvider theme='os'>\n *  <App />\n * </ThemeProvider>\n *\n * @example\n * <ThemeProvider as='body'>\n *   <App />\n * </ThemeProvider>\n *\n * @example\n * <ThemeProvider theme='dark' themeOptions={{ applyBackground: false }}>\n *  <App />\n * </ThemeProvider>\n */\nexport const ThemeProvider = React.forwardRef((props, forwardedRef) => {\n  const {\n    theme: themeProp = 'inherit',\n    children,\n    themeOptions = {},\n    portalContainer: portalContainerProp,\n    includeCss = themeProp === 'inherit',\n    ...rest\n  } = props;\n\n  const [rootElement, setRootElement] = React.useState<HTMLElement | null>(\n    null,\n  );\n  const parent = useParentThemeAndContext(rootElement);\n  const theme = themeProp === 'inherit' ? parent.theme || 'light' : themeProp;\n\n  // default apply background only for topmost ThemeProvider\n  themeOptions.applyBackground ??= !parent.theme;\n\n  // default inherit highContrast option from parent if also inheriting base theme\n  themeOptions.highContrast ??=\n    themeProp === 'inherit' ? parent.highContrast : undefined;\n\n  /**\n   * We will portal our portal container into `portalContainer` prop (if specified),\n   * or inherit `portalContainer` from context (if also inheriting theme).\n   */\n  const portaledPortalContainer =\n    portalContainerProp ||\n    (themeProp === 'inherit' ? parent.context?.portalContainer : undefined);\n\n  const [portalContainer, setPortalContainer] = useControlledState(\n    null,\n    portaledPortalContainer,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({ theme, themeOptions, portalContainer }),\n    // we do include all dependencies below, but we want to stringify the objects as they could be different on each render\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [theme, JSON.stringify(themeOptions), portalContainer],\n  );\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      {includeCss && rootElement ? <FallbackStyles root={rootElement} /> : null}\n\n      <Root\n        theme={theme}\n        themeOptions={themeOptions}\n        ref={useMergedRefs(forwardedRef, setRootElement)}\n        {...rest}\n      >\n        <ToastProvider>\n          {children}\n\n          {portaledPortalContainer ? (\n            ReactDOM.createPortal(<Toaster />, portaledPortalContainer)\n          ) : (\n            <div ref={setPortalContainer} style={{ display: 'contents' }}>\n              <Toaster />\n            </div>\n          )}\n        </ToastProvider>\n      </Root>\n    </ThemeContext.Provider>\n  );\n}) as PolymorphicForwardRefComponent<'div', ThemeProviderOwnProps>;\n// ----------------------------------------------------------------------------\n\nconst Root = React.forwardRef((props, forwardedRef) => {\n  const { theme, children, themeOptions, className, ...rest } = props;\n\n  const prefersDark = useMediaQuery('(prefers-color-scheme: dark)');\n  const prefersHighContrast = useMediaQuery('(prefers-contrast: more)');\n  const shouldApplyDark = theme === 'dark' || (theme === 'os' && prefersDark);\n  const shouldApplyHC = themeOptions?.highContrast ?? prefersHighContrast;\n  const shouldApplyBackground = themeOptions?.applyBackground;\n\n  return (\n    <Box\n      className={cx(\n        'iui-root',\n        { 'iui-root-background': shouldApplyBackground },\n        className,\n      )}\n      data-iui-theme={shouldApplyDark ? 'dark' : 'light'}\n      data-iui-contrast={shouldApplyHC ? 'high' : 'default'}\n      ref={forwardedRef}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n}) as PolymorphicForwardRefComponent<'div', RootProps>;\n\n// ----------------------------------------------------------------------------\n\n/**\n * Returns theme information from either parent ThemeContext or by reading the closest\n * data-iui-theme attribute if context is not found.\n *\n * Also returns the ThemeContext itself (if found).\n */\nconst useParentThemeAndContext = (rootElement: HTMLElement | null) => {\n  const parentContext = React.useContext(ThemeContext);\n  const [parentThemeState, setParentTheme] = React.useState(\n    parentContext?.theme,\n  );\n  const [parentHighContrastState, setParentHighContrastState] = React.useState(\n    parentContext?.themeOptions?.highContrast,\n  );\n\n  const parentThemeRef = useLatestRef(parentContext?.theme);\n\n  useLayoutEffect(() => {\n    // bail if we already have theme from context\n    if (parentThemeRef.current) {\n      return;\n    }\n\n    // find parent theme from closest data-iui-theme attribute\n    const closestRoot = rootElement?.parentElement?.closest('[data-iui-theme]');\n\n    if (!closestRoot) {\n      return;\n    }\n\n    // helper function that updates state to match data attributes from closest root\n    const synchronizeTheme = () => {\n      setParentTheme(closestRoot?.getAttribute('data-iui-theme') as ThemeType);\n      setParentHighContrastState(\n        closestRoot?.getAttribute('data-iui-contrast') === 'high',\n      );\n    };\n\n    // set theme for initial mount\n    synchronizeTheme();\n\n    // use mutation observers to listen to future updates to data attributes\n    const observer = new MutationObserver(() => synchronizeTheme());\n    observer.observe(closestRoot, {\n      attributes: true,\n      attributeFilter: ['data-iui-theme', 'data-iui-contrast'],\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [rootElement, parentThemeRef]);\n\n  return {\n    theme: parentContext?.theme ?? parentThemeState,\n    highContrast:\n      parentContext?.themeOptions?.highContrast ?? parentHighContrastState,\n    context: parentContext,\n  } as const;\n};\n\n// ----------------------------------------------------------------------------\n\n/**\n * When `@itwin/itwinui-react/styles.css` is not imported, we will attempt to\n * dynamically import it (if possible) and fallback to loading it from a CDN.\n */\nconst FallbackStyles = ({ root }: { root: HTMLElement }) => {\n  useLayoutEffect(() => {\n    // bail if styles are already loaded\n    if (getComputedStyle(root).getPropertyValue('--_iui-v3-loaded') === 'yes') {\n      return;\n    }\n\n    // bail if isUnitTest because unit tests don't care about CSS 🤷\n    if (isUnitTest) {\n      return;\n    }\n\n    (async () => {\n      try {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // await import('../../../styles.css');\n      } catch (error) {\n        console.log('Error loading styles.css locally', error);\n        const css = await importCss(\n          'https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@3/styles.css',\n        );\n        document.adoptedStyleSheets = [\n          ...document.adoptedStyleSheets,\n          css.default,\n        ];\n      }\n    })();\n  }, [root]);\n\n  return <></>;\n};\n"],"names":["ThemeProvider","React","forwardRef","props","forwardedRef","_props$theme","theme","themeProp","children","_props$themeOptions","themeOptions","portalContainerProp","portalContainer","_props$includeCss","includeCss","rest","__rest","_React$useState","useState","_React$useState2","_slicedToArray","rootElement","setRootElement","parent","useParentThemeAndContext","_a","applyBackground","_b","highContrast","undefined","portaledPortalContainer","_c","context","_useControlledState","useControlledState","_useControlledState2","setPortalContainer","contextValue","useMemo","JSON","stringify","_jsxs","ThemeContext","Provider","Object","assign","value","_jsx","FallbackStyles","root","Root","ref","useMergedRefs","ToastProvider","ReactDOM","createPortal","Toaster","style","display","className","prefersDark","useMediaQuery","prefersHighContrast","shouldApplyDark","shouldApplyHC","Box","cx","parentContext","useContext","_React$useState3","_React$useState4","parentThemeState","setParentTheme","_React$useState5","_React$useState6","parentHighContrastState","setParentHighContrastState","parentThemeRef","useLatestRef","useLayoutEffect","current","closestRoot","parentElement","closest","synchronizeTheme","getAttribute","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","_d","_ref","getComputedStyle","getPropertyValue","isUnitTest","__awaiter","_regeneratorRuntime","mark","_callee","css","wrap","_context","prev","next","t0","console","log","importCss","sent","document","adoptedStyleSheets","concat","_toConsumableArray","default","stop"],"mappings":"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"}

package/dist/esm/src/components/new/Toast/Toast.js

@@ -1,2 +0,0 @@
-import{slicedToArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../../_virtual/_tslib.js";import{jsx as s,jsxs as e}from"react/jsx-runtime";import*as n from"react";import i from"classnames";import{getWindow as r}from"../utils/functions/dom.js";import"../utils/functions/colors.js";import"../utils/functions/polymorphic.js";import"../utils/functions/dev.js";import"../utils/hooks/useId.js";import"../utils/color/ColorValue.js";import{ButtonBase as a}from"../utils/components/ButtonBase.js";import{Box as l}from"../utils/components/Box.js";import{IconButton as c}from"../Buttons/IconButton.js";import u from"../../Icon/Icon.js";import m from"../../Icon/Icons/components/Close.js";var p=function(o){var e=o.content,i=o.category,a=o.type,c=void 0===a?"temporary":a,u=o.isVisible,m=o.link,p=o.duration,d=void 0===p?7e3:p,j=o.hasCloseButton,v=o.animateOutTo,g=o.domProps,h=n.useRef(0),y=n.useState(null==u||u),b=t(y,2),B=b[1],C=null!=u?u:b[0],O=n.useState(0),N=t(O,2),k=N[0],P=N[1],I=n.useRef(null),T=n.useState(0),R=t(T,2),S=R[0],_=R[1];n.useEffect((function(){return"temporary"===c&&E(d),function(){V()}}),[d,c]),n.useEffect((function(){C||v||_(-k)}),[C,v,_,k]);var x=function(){V(),_(-k),B(!1)},E=function(t){var o=r();o&&(h.current=o.setTimeout((function(){x()}),t))},V=function(){var t;null===(t=r())||void 0===t||t.clearTimeout(h.current)};return s(l,Object.assign({ref:I,className:"iui-toast-all",style:Object.assign({height:k},{marginBlockStart:S})},{children:s("div",Object.assign({ref:function(t){if(t){var o=t.getBoundingClientRect();P(o.height)}}},{children:s(f,Object.assign({as:"div",category:i,content:e,link:m,type:c,hasCloseButton:j,onClose:x},null==g?void 0:g.toastProps,{contentProps:null==g?void 0:g.contentProps}))}))}))},f=n.forwardRef((function(t,n){var r=t.content,p=t.category,f=t.type,d=void 0===f?"temporary":f,j=t.link,v=t.hasCloseButton,g=t.onClose,h=t.className,y=t.contentProps,b=o(t,["content","category","type","link","hasCloseButton","onClose","className","contentProps"]);return e(l,Object.assign({className:i("iui-toast iui-".concat(p),h),ref:n},b,{children:[s(l,{className:"iui-status-area"}),s(l,Object.assign({as:"div"},y,{className:i("iui-message",null==y?void 0:y.className)},{children:r})),j&&s(a,Object.assign({className:"iui-toast-anchor"},j,{title:void 0},{children:j.title})),("persisting"===d||v)&&s(c,Object.assign({size:"small",styleType:"borderless",onClick:g,"aria-label":"Close"},{children:s(u,{icon:m})}))]}))}));export{p as Toast,f as ToastPresentation};
-//# sourceMappingURL=Toast.js.map

package/dist/esm/src/components/new/Toast/Toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.js","sources":["../../../../../../src/components/new/Toast/Toast.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// @ts-nocheck\nimport * as React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport cx from \"classnames\";\nimport {\n  getWindow,\n  useSafeContext,\n} from \"../utils/index\";\nimport { ButtonBase } from \"../utils/components/ButtonBase\";\nimport { Box } from \"../utils/components/Box\";\nimport type { PolymorphicForwardRefComponent } from \"../utils/index\";\nimport { IconButton } from \"../Buttons/IconButton\";\nimport { ToasterStateContext } from \"./Toaster\";\nimport Icon from \"../../Icon/Icon\";\nimport Close from \"../../Icon/Icons/components/Close\";\n\nconst isMotionOk = () =>\n  getWindow()?.matchMedia?.(\"(prefers-reduced-motion: no-preference)\")?.matches;\n\nexport type ToastCategory =\n  | \"informational\"\n  | \"negative\"\n  | \"positive\"\n  | \"warning\";\n\nexport type ToastProps = {\n  /**\n   * Internal id of the toast. Used for closing the toasts.\n   */\n  id: number;\n  /**\n   * Content of the Toast message\n   */\n  content: React.ReactNode;\n  /**\n   * Passes props to toast and content\n   */\n  domProps?: {\n    toastProps?: React.ComponentProps<\"div\">;\n    contentProps?: React.ComponentProps<\"div\">;\n  };\n  /**\n   * Category of the Toast, which controls the border color, as well as the category icon.\n   */\n  category: ToastCategory;\n  /**\n   * The Type of the Toast.\n   * Persisting Toasts will not be closed automatically, and will contain a close button.\n   * Temporary Toasts will automatically close after 7 seconds and will not contain a close button.\n   * @default 'temporary'\n   */\n  type?: \"persisting\" | \"temporary\";\n  /**\n   * Controlled boolean prop indicating whether the toast is visible.\n   */\n  isVisible?: boolean;\n  /**\n   * Duration of the toast in millisecond.\n   * @default 7000\n   */\n  duration?: number;\n  /**\n   * Boolean indicating when the close button is visible.\n   * When false, the toast will not have any close button.\n   */\n  hasCloseButton?: boolean;\n  /**\n   * Props for a button/link that can be used to perform an action\n   * (e.g. to show additional information).\n   */\n  link?: {\n    title: string;\n  } & Omit<React.ComponentPropsWithoutRef<\"button\">, \"children\">;\n  /**\n   * Function called when the toast is all the way closed.\n   */\n  onRemove?: () => void;\n  /**\n   * Element to which the toast will animate out to.\n   */\n  animateOutTo?: HTMLElement | null;\n};\n\n/**\n * Generic Toast Component\n * @example\n * <Toast type='persisting' content='Job processing completed.' category='positive' link={{onClick:() => {alert('Link callback')}, title:'View the report'}} />\n * <Toast type='temporary' content='Processing completed.' category='positive' />\n * <Toast type='temporary' content='26 files are available for synchronization.' category='informational' />\n * <Toast type='persisting' content='Job processing error.' category='negative' />\n */\nexport const Toast = (props: ToastProps) => {\n  const {\n    content,\n    category,\n    type = \"temporary\",\n    isVisible: isVisibleProp,\n    link,\n    duration = 7000,\n    hasCloseButton,\n    onRemove,\n    animateOutTo,\n    domProps,\n  } = props;\n\n  const closeTimeout = React.useRef(0);\n\n  const [visible, setVisible] = React.useState(isVisibleProp ?? true);\n  const isVisible = isVisibleProp ?? visible;\n\n  const [height, setHeight] = React.useState(0);\n  const thisElement = React.useRef<HTMLDivElement>(null);\n  const [margin, setMargin] = React.useState(0);\n\n  const marginStyle = () => {\n    return { marginBlockStart: margin };\n  };\n\n  React.useEffect(() => {\n    if (type === \"temporary\") {\n      setCloseTimeout(duration);\n    }\n\n    return () => {\n      clearCloseTimeout();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [duration, type]);\n\n  React.useEffect(() => {\n    // if we don't have animateOutTo point and not isVisible, set negative margin to move other toasts up.\n    // Close all and close on toasts with no anchor.\n    if (!isVisible && !animateOutTo) {\n      setMargin(-height);\n    }\n  }, [isVisible, animateOutTo, setMargin, height]);\n\n  const close = () => {\n    clearCloseTimeout();\n    // move element up when this element is closed.\n    setMargin(-height);\n    setVisible(false);\n  };\n\n  const setCloseTimeout = (timeout: number) => {\n    const definedWindow = getWindow();\n    if (!definedWindow) {\n      return;\n    }\n\n    closeTimeout.current = definedWindow.setTimeout(() => {\n      close();\n    }, timeout);\n  };\n\n  const clearCloseTimeout = () => {\n    getWindow()?.clearTimeout(closeTimeout.current);\n  };\n\n  const onRef = (ref: HTMLDivElement) => {\n    if (ref) {\n      const { height } = ref.getBoundingClientRect();\n      setHeight(height);\n    }\n  };\n\n  const calculateOutAnimation = (node: HTMLElement) => {\n    // calculation translate x and y pixels.\n    let translateX = 0;\n    let translateY = 0;\n    if (animateOutTo && node) {\n      const { x: startX, y: startY } = node.getBoundingClientRect(); // current element\n      const { x: endX, y: endY } = animateOutTo.getBoundingClientRect(); // anchor point\n      translateX = endX - startX;\n      translateY = endY - startY;\n    }\n    return { translateX, translateY };\n  };\n\n  return (\n      <Box\n        ref={thisElement}\n        className=\"iui-toast-all\"\n        style={{\n          height,\n          ...marginStyle(),\n        }}\n      >\n        <div ref={onRef}>\n          <ToastPresentation\n            as=\"div\"\n            category={category}\n            content={content}\n            link={link}\n            type={type}\n            hasCloseButton={hasCloseButton}\n            onClose={close}\n            {...domProps?.toastProps}\n            contentProps={domProps?.contentProps}\n          />\n        </div>\n      </Box>\n  );\n};\n\nexport type ToastPresentationProps = Omit<\n  ToastProps,\n  \"duration\" | \"id\" | \"isVisible\" | \"onRemove\" | \"domProps\"\n> & {\n  onClose?: () => void;\n  contentProps?: React.ComponentProps<\"div\">;\n};\n\n/**\n * The presentational part of a toast, without any animation or logic.\n * @private\n */\nexport const ToastPresentation = React.forwardRef((props, forwardedRef) => {\n  const {\n    content,\n    category,\n    type = \"temporary\",\n    link,\n    hasCloseButton,\n    onClose,\n    className,\n    contentProps,\n    ...rest\n  } = props;\n\n  // const StatusIcon = StatusIconMap[category];\n\n  return (\n    <Box\n      className={cx(`iui-toast iui-${category}`, className)}\n      ref={forwardedRef}\n      {...rest}\n    >\n      <Box className=\"iui-status-area\">\n        {/* {<StatusIcon className=\"iui-icon\" />} */}\n      </Box>\n      <Box\n        as=\"div\"\n        {...contentProps}\n        className={cx(\"iui-message\", contentProps?.className)}\n      >\n        {content}\n      </Box>\n      {link && (\n        <ButtonBase className=\"iui-toast-anchor\" {...link} title={undefined}>\n          {link.title}\n        </ButtonBase>\n      )}\n      {(type === \"persisting\" || hasCloseButton) && (\n        <IconButton\n          size=\"small\"\n          styleType=\"borderless\"\n          onClick={onClose}\n          aria-label=\"Close\"\n        >\n          {/* <SvgCloseSmall /> */}\n          <Icon icon={Close} />\n        </IconButton>\n      )}\n    </Box>\n  );\n}) as PolymorphicForwardRefComponent<\"div\", ToastPresentationProps>;\n"],"names":["Toast","props","content","category","_props$type","type","isVisibleProp","isVisible","link","_props$duration","duration","hasCloseButton","animateOutTo","domProps","closeTimeout","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","setVisible","_React$useState3","_React$useState4","height","setHeight","thisElement","_React$useState5","_React$useState6","margin","setMargin","useEffect","setCloseTimeout","clearCloseTimeout","close","timeout","definedWindow","getWindow","current","setTimeout","_a","clearTimeout","_jsx","Box","Object","assign","ref","className","style","marginBlockStart","children","_ref$getBoundingClien","getBoundingClientRect","ToastPresentation","as","onClose","toastProps","contentProps","forwardRef","forwardedRef","_props$type2","rest","__rest","_jsxs","cx","concat","ButtonBase","title","undefined","IconButton","size","styleType","onClick","Icon","icon","Close"],"mappings":"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"}

package/dist/esm/src/components/new/Toast/Toaster.js

@@ -1,2 +0,0 @@
-import{slicedToArray as t,toConsumableArray as s}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e}from"react/jsx-runtime";import*as i from"react";import o from"classnames";import"../utils/functions/colors.js";import"../utils/functions/polymorphic.js";import"../../../../_virtual/_tslib.js";import"../utils/functions/dev.js";import{useSafeContext as a}from"../utils/hooks/useSafeContext.js";import"../utils/hooks/useId.js";import"../utils/color/ColorValue.js";import{Box as n}from"../utils/components/Box.js";import{Toast as r}from"./Toast.js";var c=function(){var t=a(p),s=t.toasts;return e(n,Object.assign({className:o("iui-toast-wrapper","iui-placement-".concat(t.settings.placement))},{children:s.map((function(t){return e(r,Object.assign({},t),t.id)}))}))},l=function(s){var o=s.children,a=i.useReducer(u,{toasts:[],settings:{order:"auto",placement:"top"}}),n=t(a,2);return e(m.Provider,Object.assign({value:n[1]},{children:e(p.Provider,Object.assign({value:n[0]},{children:o}))}))},u=function(t,e){if("add"===e.type){var i=t.settings.order;return"auto"===i&&(i=t.settings.placement.startsWith("top")?"descending":"ascending"),Object.assign(Object.assign({},t),{toasts:[].concat(s("ascending"===i?t.toasts:[]),[e.toast],s("descending"===i?t.toasts:[]))})}return"remove"===e.type?Object.assign(Object.assign({},t),{toasts:t.toasts.filter((function(t){return t.id!==e.id}))}):"close-all"===e.type?Object.assign(Object.assign({},t),{toasts:t.toasts.map((function(t){return Object.assign(Object.assign({},t),{isVisible:!1})}))}):"settings"===e.type?Object.assign(Object.assign({},t),{settings:Object.assign(Object.assign({},t.settings),e.settings)}):t},p=i.createContext(void 0);p.displayName="ToasterStateContext";var m=i.createContext(void 0);m.displayName="ToasterDispatchContext";export{l as ToastProvider,c as Toaster,p as ToasterStateContext};
-//# sourceMappingURL=Toaster.js.map

package/dist/esm/src/components/new/Toast/Toaster.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toaster.js","sources":["../../../../../../src/components/new/Toast/Toaster.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport { useSafeContext } from \"../utils/index\";\nimport { Box } from \"../utils/components/Box\";\nimport { Toast } from \"./Toast\";\nimport type { ToastCategory, ToastProps } from \"./Toast\";\n\nexport type ToasterSettings = {\n  /**\n   * Order of toasts.\n   * When set to 'descending', most recent toasts are on top. When set to 'ascending', most recent toasts are on bottom.\n   *\n   * When set to `auto`, it will behave like 'descending' when `placement` is set to a top value, otherwise 'ascending'.\n   *\n   * @default 'auto'\n   */\n  order: \"descending\" | \"ascending\" | \"auto\";\n  /**\n   * Placement of toasts.\n   * Changes placement of toasts. Start indicates left side of viewport. End - right side of viewport.\n   * @default 'top'\n   */\n  placement:\n    | \"top\"\n    | \"top-start\"\n    | \"top-end\"\n    | \"bottom\"\n    | \"bottom-start\"\n    | \"bottom-end\";\n};\n\nexport type ToastOptions = Omit<\n  ToastProps,\n  \"category\" | \"isVisible\" | \"id\" | \"content\"\n>;\n\n// ----------------------------------------------------------------------------\n\nexport const useToaster = () => {\n  const dispatch = useSafeContext(ToasterDispatchContext);\n\n  return React.useMemo(() => {\n    const showToast =\n      (category: ToastCategory) =>\n      (content: React.ReactNode, options?: ToastOptions) => {\n        const id = nextId();\n\n        dispatch({\n          type: \"add\",\n          toast: { ...options, id, content, category },\n        });\n\n        return { close: () => dispatch({ type: \"remove\", id }) };\n      };\n\n    return {\n      positive: showToast(\"positive\"),\n      informational: showToast(\"informational\"),\n      negative: showToast(\"negative\"),\n      warning: showToast(\"warning\"),\n      closeAll: () => {\n        dispatch({ type: \"close-all\" });\n      },\n      setSettings: (settings: Partial<ToasterSettings>) => {\n        dispatch({ type: \"settings\", settings });\n      },\n    };\n  }, [dispatch]);\n};\n\n// ----------------------------------------------------------------------------\n\nexport const Toaster = () => {\n  const { toasts, settings } = useSafeContext(ToasterStateContext);\n\n  return (\n    <Box\n      className={cx(`iui-toast-wrapper`, `iui-placement-${settings.placement}`)}\n    >\n      {toasts.map((toastProps) => {\n        return <Toast key={toastProps.id} {...toastProps} />;\n      })}\n    </Box>\n  );\n};\n\n// ----------------------------------------------------------------------------\n\nexport const ToastProvider = ({ children }: { children: React.ReactNode }) => {\n  const [toasterState, dispatch] = React.useReducer(toastReducer, {\n    toasts: [],\n    settings: {\n      order: \"auto\",\n      placement: \"top\",\n    },\n  });\n\n  return (\n    <ToasterDispatchContext.Provider value={dispatch}>\n      <ToasterStateContext.Provider value={toasterState}>\n        {children}\n      </ToasterStateContext.Provider>\n    </ToasterDispatchContext.Provider>\n  );\n};\n\nconst toastReducer = (state: ToasterState, action: ToasterAction) => {\n  if (action.type === \"add\") {\n    let order = state.settings.order;\n    if (order === \"auto\") {\n      order = state.settings.placement.startsWith(\"top\")\n        ? \"descending\"\n        : \"ascending\";\n    }\n\n    return {\n      ...state,\n      toasts: [\n        ...(order === \"ascending\" ? state.toasts : []),\n        action.toast,\n        ...(order === \"descending\" ? state.toasts : []),\n      ],\n    };\n  }\n\n  if (action.type === \"remove\") {\n    return {\n      ...state,\n      toasts: state.toasts.filter((toast) => toast.id !== action.id),\n    };\n  }\n\n  if (action.type === \"close-all\") {\n    return {\n      ...state,\n      toasts: state.toasts.map((toast) => ({ ...toast, isVisible: false })),\n    };\n  }\n\n  if (action.type === \"settings\") {\n    return { ...state, settings: { ...state.settings, ...action.settings } };\n  }\n\n  return state;\n};\n\n// ----------------------------------------------------------------------------\n\nexport const ToasterStateContext = React.createContext<\n  ToasterState | undefined\n>(undefined);\nToasterStateContext.displayName = \"ToasterStateContext\";\n\ntype ToasterState = { toasts: ToastProps[]; settings: ToasterSettings };\n\n// ----------------------------------------------------------------------------\n\nconst ToasterDispatchContext = React.createContext<\n  React.Dispatch<ToasterAction> | undefined\n>(undefined);\nToasterDispatchContext.displayName = \"ToasterDispatchContext\";\n\ntype ToasterAction =\n  | { type: \"add\"; toast: ToastProps }\n  | { type: \"remove\"; id: number }\n  | { type: \"close-all\" }\n  | { type: \"settings\"; settings: Partial<ToasterSettings> };\n\n// ----------------------------------------------------------------------------\n\nconst nextId = (() => {\n  let count = 0;\n  return () => ++count;\n})();\n"],"names":["Toaster","_useSafeContext","useSafeContext","ToasterStateContext","toasts","_jsx","Box","Object","assign","className","cx","concat","settings","placement","children","map","toastProps","Toast","id","ToastProvider","_ref","_React$useReducer","React","useReducer","toastReducer","order","_React$useReducer2","_slicedToArray","ToasterDispatchContext","Provider","value","state","action","type","startsWith","_toConsumableArray","toast","filter","isVisible","createContext","undefined","displayName"],"mappings":"0jBA4EaA,EAAU,WACrB,IAAAC,EAA6BC,EAAeC,GAApCC,EAAMH,EAANG,OAER,OACEC,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EAAEC,oBAAAA,iBAAAA,OAJOV,EAARW,SAIiDC,aAAY,CAAAC,SAExEV,EAAOW,KAAI,SAACC,GACX,OAAOX,EAACY,EAA8BV,OAAAC,OAAA,CAAA,EAAAQ,GAAnBA,EAAWE,SAItC,EAIaC,EAAgB,SAAHC,GAAmD,IAA7CN,EAAQM,EAARN,SAC9BO,EAAiCC,EAAMC,WAAWC,EAAc,CAC9DpB,OAAQ,GACRQ,SAAU,CACRa,MAAO,OACPZ,UAAW,SAEba,EAAAC,EAAAN,EAAA,GAEF,OACEhB,EAACuB,EAAuBC,SAAStB,OAAAC,OAAA,CAAAsB,MATNJ,EAAA,IAUzB,CAAAZ,SAAAT,EAACF,EAAoB0B,SAAStB,OAAAC,OAAA,CAAAsB,MAVfJ,EAAA,cAWZZ,OAIT,EAEMU,EAAe,SAACO,EAAqBC,GACzC,GAAoB,QAAhBA,EAAOC,KAAgB,CACzB,IAAIR,EAAQM,EAAMnB,SAASa,MAO3B,MANc,SAAVA,IACFA,EAAQM,EAAMnB,SAASC,UAAUqB,WAAW,OACxC,aACA,aAID3B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAuB,GACH,CAAA3B,OAAMO,GAAAA,OAAAwB,EACU,cAAVV,EAAwBM,EAAM3B,OAAS,IAC3C4B,CAAAA,EAAOI,OAAKD,EACE,eAAVV,EAAyBM,EAAM3B,OAAS,MAGjD,CAED,MAAoB,WAAhB4B,EAAOC,KAEJ1B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAuB,IACH3B,OAAQ2B,EAAM3B,OAAOiC,QAAO,SAACD,GAAK,OAAKA,EAAMlB,KAAOc,EAAOd,EAAE,MAI7C,cAAhBc,EAAOC,KAEJ1B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAuB,IACH3B,OAAQ2B,EAAM3B,OAAOW,KAAI,SAACqB,GAAK,OAAK7B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAM4B,GAAK,CAAEE,WAAW,SAI5C,aAAhBN,EAAOC,KACG1B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAuB,GAAO,CAAAnB,SAAeL,OAAAC,OAAAD,OAAAC,OAAA,GAAAuB,EAAMnB,UAAaoB,EAAOpB,YAGvDmB,CACT,EAIa5B,EAAsBmB,EAAMiB,mBAEvCC,GACFrC,EAAoBsC,YAAc,sBAMlC,IAAMb,EAAyBN,EAAMiB,mBAEnCC,GACFZ,EAAuBa,YAAc"}

package/dist/esm/src/components/new/VisuallyHidden/VisuallyHidden.js

@@ -1,2 +0,0 @@
-import{__rest as i}from"../../../../_virtual/_tslib.js";import{jsxs as n,Fragment as o,jsx as s}from"react/jsx-runtime";import*as t from"react";import a from"classnames";import{ShadowRoot as e}from"../utils/components/ShadowRoot.js";import{Box as r}from"../utils/components/Box.js";var c=t.forwardRef((function(t,c){var p=t.as,d=void 0===p?"span":p,l=t.className,u=t.unhideOnFocus,h=void 0===u||u,f=t.children,v=i(t,["as","className","unhideOnFocus","children"]),w=["div","span","p"].includes(d)?n(o,{children:[s(e,Object.assign({css:m},{children:s("slot",{})})),f]}):f;return s(r,Object.assign({as:d,className:a("iui-visually-hidden",l),"data-iui-unhide-on-focus":!!h||void 0,ref:c},v,{children:w}))})),m="\n  :host(:where(:not([data-iui-unhide-on-focus]:is(:focus-within, :active)))) {\n    clip-path: inset(50%) !important;\n    overflow: hidden !important;\n    position: absolute !important;\n    white-space: nowrap !important;\n    block-size: 1px !important;\n    inline-size: 1px !important;\n  }\n";export{c as VisuallyHidden};
-//# sourceMappingURL=VisuallyHidden.js.map

package/dist/esm/src/components/new/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../../../../src/components/new/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport type { PolymorphicForwardRefComponent } from \"../utils/props\";\nimport { ShadowRoot } from \"../utils/components/ShadowRoot\";\nimport { Box } from \"../utils/components/Box\";\ntype VisuallyHiddenOwnProps = {\n  /**\n   * When VisuallyHidden is used with an interactive element (e.g. button),\n   * that element will \"unhide\" (become visible again) when focused.\n   *\n   * @default true\n   */\n  unhideOnFocus?: boolean;\n};\n\n/**\n * Hides content visually but keeps it still accessible to screen readers\n * and other assistive technologies.\n *\n * @example\n * <div aria-hidden='true'>★★★☆☆</div>\n * <VisuallyHidden>3 stars out of 5</VisuallyHidden>\n *\n * @see https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html\n */\nexport const VisuallyHidden = React.forwardRef((props, ref) => {\n  const {\n    as: asProp = \"span\",\n    className,\n    unhideOnFocus = true,\n    children: childrenProp,\n    ...rest\n  } = props;\n\n  // ShadowRoot is not supported on all elements, so we only use it for few common ones.\n  const children = ![\"div\", \"span\", \"p\"].includes(asProp) ? (\n    childrenProp\n  ) : (\n    <>\n      <ShadowRoot css={css}>\n        <slot />\n      </ShadowRoot>\n      {childrenProp}\n    </>\n  );\n\n  return (\n    <Box\n      as={asProp}\n      className={cx(\"iui-visually-hidden\", className)}\n      data-iui-unhide-on-focus={unhideOnFocus ? true : undefined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n}) as PolymorphicForwardRefComponent<\"span\", VisuallyHiddenOwnProps>;\n\n// ----------------------------------------------------------------------------\n\nconst css = /* css */ `\n  :host(:where(:not([data-iui-unhide-on-focus]:is(:focus-within, :active)))) {\n    clip-path: inset(50%) !important;\n    overflow: hidden !important;\n    position: absolute !important;\n    white-space: nowrap !important;\n    block-size: 1px !important;\n    inline-size: 1px !important;\n  }\n`;\n"],"names":["VisuallyHidden","React","forwardRef","props","ref","_props$as","as","asProp","className","_props$unhideOnFocus","unhideOnFocus","childrenProp","children","rest","__rest","includes","_jsxs","_Fragment","_jsx","ShadowRoot","Object","assign","css","Box","cx","undefined"],"mappings":"0RA6BO,IAAMA,EAAiBC,EAAMC,YAAW,SAACC,EAAOC,GACrD,IAAAC,EAMIF,EALFG,GAAIC,OAAS,IAAHF,EAAG,OAAMA,EACnBG,EAIEL,EAJFK,UAASC,EAIPN,EAHFO,cAAAA,OAAgB,IAAHD,GAAOA,EACVE,EAERR,EAFFS,SACGC,EAAIC,EACLX,EANE,CAML,KAAA,YAAA,gBAAA,aAGKS,EAAY,CAAC,MAAO,OAAQ,KAAKG,SAASR,GAG9CS,EACEC,EAAA,CAAAL,SAAA,CAAAM,EAACC,EAAWC,OAAAC,OAAA,CAAAC,IAAKA,aACfJ,EAAQ,OAAA,OAETP,KANHA,EAUF,OACEO,EAACK,EACCH,OAAAC,OAAA,CAAAf,GAAIC,EACJC,UAAWgB,EAAG,sBAAuBhB,GACX,6BAAAE,QAAuBe,EACjDrB,IAAKA,GACDS,EAAI,CAAAD,SAEPA,IAGP,IAIMU,EASL"}

package/dist/esm/src/components/new/utils/color/ColorValue.js

@@ -1,2 +0,0 @@
-var r=new Uint8Array(4);new Uint32Array(r.buffer);
-//# sourceMappingURL=ColorValue.js.map

package/dist/esm/src/components/new/utils/color/ColorValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorValue.js","sources":["../../../../../../../src/components/new/utils/color/ColorValue.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { getBoundedValue } from \"../functions/numbers\";\n\n// portions adapted from Three.js Copyright © 2010-2017 three.js authors\n\nconst scratchBytes = new Uint8Array(4);\nconst scratchUInt32 = new Uint32Array(scratchBytes.buffer);\n\n/**\n * A color defined by Red, Green, and Blue\n */\nexport type RgbColor = {\n  /** 0-255 */\n  r: number;\n  /** 0-255 */\n  g: number;\n  /** 0-255 */\n  b: number;\n  /** 0-1 */\n  a?: number;\n};\n\n/**\n * A color defined by Hue, Saturation, and Lightness.\n */\nexport type HslColor = {\n  /** 0-360 */\n  h: number;\n  /** 0-100 */\n  s: number;\n  /** 0-100 */\n  l: number;\n  /** 0-1 */\n  a?: number;\n};\n\n/**\n * A color defined by Hue, Saturation, and Value\n */\nexport type HsvColor = {\n  /** 0-360 */\n  h: number;\n  /** 0-100 */\n  s: number;\n  /** 0-100 */\n  v: number;\n  /** 0-1 */\n  a?: number;\n};\n\n/**\n * All supported color specifications.\n */\nexport type ColorType = string | RgbColor | HslColor | HsvColor;\n\n/**\n * isRgbValue type guard.\n */\nexport const isRgbColor = (value: ColorType): value is RgbColor => {\n  return (\n    typeof value !== \"string\" && \"r\" in value && \"g\" in value && \"b\" in value\n  );\n};\n\n/**\n * isHslValue type guard.\n */\nexport const isHslColor = (value: ColorType): value is HslColor => {\n  return (\n    typeof value !== \"string\" && \"h\" in value && \"s\" in value && \"l\" in value\n  );\n};\n\n/**\n * isHsvValue type guard.\n */\nexport const isHsvColor = (value: ColorType): value is HsvColor => {\n  return (\n    typeof value !== \"string\" && \"h\" in value && \"s\" in value && \"v\" in value\n  );\n};\n\n/**\n * An immutable integer representation of a color.\n *\n * Colors are stored as 4 components: Red, Blue, Green, and Transparency (0=fully opaque). Each is an 8-bit integer between 0-255.\n * ColorValue uses `0xTTBBGGRR` (red in the low byte. 0==fully opaque in high byte) internally, but it also provides methods\n * to return colors in popular web formats.\n *\n * The `create` method accepts any ColorType format.\n *\n * @public\n */\nexport class ColorValue {\n  private readonly _tbgr: number;\n\n  /** hue value provided by user */\n  private readonly _hue?: number;\n\n  private constructor(tbgr: number, hue?: number) {\n    scratchUInt32[0] = tbgr; // Force to be a 32-bit unsigned integer\n    this._tbgr = scratchUInt32[0];\n    this._hue = hue;\n  }\n\n  /**\n   * Create a new ColorValue.\n   * @param val value to use.\n   *\n   * If a string, must be in one of the following forms:\n   * *\"rgb(255,0,0)\"*\n   * *\"rgba(255,0,0,.2)\"*\n   * *\"rgb(100%,0%,0%)\"*\n   * *\"hsl(120,50%,50%)\"*\n   * *\"#rrggbb\"*\n   */\n  public static create(val?: ColorType): ColorValue {\n    if (!val) {\n      return ColorValue.fromTbgr(0);\n    }\n\n    if (isRgbColor(val)) {\n      return ColorValue.fromRGB(val);\n    }\n    if (isHslColor(val)) {\n      return ColorValue.fromHSL(val);\n    }\n    if (isHsvColor(val)) {\n      return ColorValue.fromHSV(val);\n    }\n    if (typeof val === \"string\") {\n      return ColorValue.fromString(val, ColorValue.fromTbgr(0));\n    }\n    return ColorValue.fromTbgr(0);\n  }\n\n  /**\n   * Convert this ColorValue to an unsigned 32 bit integer representing the 0xTTBBGGRR value\n   */\n  public toTbgr(): number {\n    return this._tbgr;\n  }\n\n  /**\n   * Create a ColorValue from its 0xTTBBGGRR representation.\n   */\n  public static fromTbgr(tbgr: number): ColorValue {\n    return new ColorValue(tbgr);\n  }\n\n  /**\n   * Create a ColorValue from Red, Green, Blue, Transparency values. All inputs should be integers between 0-255.\n   */\n  private static fromRgbt(\n    red: number,\n    green: number,\n    blue: number,\n    transparency?: number\n  ): ColorValue {\n    return this.fromTbgr(\n      this.computeTbgrFromComponents(red, green, blue, transparency)\n    );\n  }\n\n  /**\n   * Compute the 0xTTBBGGRR value corresponding to the specified Red, Green, Blue, Transparency components.\n   *  All inputs should be integers between 0-255.\n   */\n  private static computeTbgrFromComponents(\n    red: number,\n    green: number,\n    blue: number,\n    transparency?: number\n  ): number {\n    scratchBytes[0] = red;\n    scratchBytes[1] = green;\n    scratchBytes[2] = blue;\n    scratchBytes[3] = transparency || 0;\n    return scratchUInt32[0];\n  }\n\n  /**\n   * Create a ColorValue from a string representation. The following representations are supported:\n   * *\"rgb(255,0,0)\"*\n   * *\"rgba(255,0,0,.2)\"*\n   * *\"rgb(100%,0%,0%)\"*\n   * *\"hsl(120,50%,50%)\"*\n   * *\"#rrggbb\"*\n   * NOTE: If defaultColorIfNotParsed is not defined and string is invalid then error is thrown.\n   * This allows component builders to know if they received bad input from user.\n   */\n  public static fromString(\n    val: string,\n    defaultColorIfNotParsed?: ColorValue\n  ): ColorValue {\n    const [tbgr, hue] = this.computeTbgrFromString(\n      val,\n      defaultColorIfNotParsed?.toTbgr()\n    );\n    return new ColorValue(tbgr, hue);\n  }\n\n  /** Create a ColorValue from hue, saturation, lightness values.  */\n  private static fromHSL(hsl: HslColor): ColorValue {\n    const alpha = hsl.a ?? 1;\n    return new ColorValue(\n      this.computeTbgrFromHSL(\n        hsl.h / 360,\n        hsl.s / 100,\n        hsl.l / 100,\n        Math.round((1 - alpha) * 255)\n      ),\n      hsl.h\n    );\n  }\n\n  /** Create a ColorValue from an RgbColor */\n  private static fromRGB(rgb: RgbColor): ColorValue {\n    const alpha = rgb.a ?? 1;\n    return ColorValue.fromRgbt(\n      rgb.r,\n      rgb.g,\n      rgb.b,\n      Math.round((1 - alpha) * 255)\n    );\n  }\n\n  /**\n   * Create a ColorValue from an HsvColor\n   */\n  private static fromHSV(hsv: HsvColor): ColorValue {\n    const alpha = hsv.a ?? 1;\n    const transparency = Math.round((1 - alpha) * 255);\n\n    // Check for simple case first.\n    if (!hsv.s || hsv.h === -1) {\n      // hue must be undefined, have no color only white\n      const white = 0xff & Math.floor((255.0 * hsv.v) / 100.0 + 0.5 + 3.0e-14);\n      return ColorValue.fromRgbt(white, white, white, 0);\n    }\n\n    let dhue = hsv.h,\n      dsaturation = hsv.s,\n      dvalue = hsv.v;\n    if (dhue === 360) {\n      dhue = 0.0;\n    }\n\n    dhue /= 60; // hue is now [0..6]\n    const hueIntpart = Math.floor(dhue); // convert double -> int\n    const hueFractpart = dhue - hueIntpart;\n    dvalue /= 100;\n    dsaturation /= 100;\n\n    const p = 0xff & Math.floor(dvalue * (1.0 - dsaturation) * 255.0 + 0.5);\n    const q =\n      0xff &\n      Math.floor(dvalue * (1.0 - dsaturation * hueFractpart) * 255.0 + 0.5);\n    const t =\n      0xff &\n      Math.floor(\n        dvalue * (1.0 - dsaturation * (1.0 - hueFractpart)) * 255.0 + 0.5\n      );\n    const v = 0xff & Math.floor(dvalue * 255 + 0.5);\n\n    let r = 0,\n      b = 0,\n      g = 0;\n    switch (hueIntpart) {\n      case 0:\n        r = v;\n        g = t;\n        b = p;\n        break; // reddish\n      case 1:\n        (r = q), (g = v);\n        b = p;\n        break; // yellowish\n      case 2:\n        (r = p), (g = v);\n        b = t;\n        break; // greenish\n      case 3:\n        (r = p), (g = q);\n        b = v;\n        break; // cyanish\n      case 4:\n        (r = t), (g = p);\n        b = v;\n        break; // bluish\n      case 5:\n        (r = v), (g = p);\n        b = q;\n        break; // magenta-ish\n    }\n\n    return new ColorValue(\n      ColorValue.computeTbgrFromComponents(r, g, b, transparency),\n      hsv.h\n    );\n  }\n\n  /**\n   * Compute the 0xTTBBGGRR value corresponding to a string representation of a color. The following representations are supported:\n   * *\"rgb(255,0,0)\"*\n   * *\"rgba(255,0,0,.2)\"*\n   * *\"rgb(100%,0%,0%)\"*\n   * *\"hsl(120,50%,50%)\"*\n   * *\"#rrggbb\"*\n   */\n  private static computeTbgrFromString(\n    val: string,\n    defaultColorIfNotParsed?: number\n  ): [number, number | undefined] {\n    val = val.toLowerCase();\n    let m = /^((?:rgb|hsl)a?)\\(([^\\)]*)\\)/.exec(val);\n    if (m) {\n      // rgb / hsl\n      let color;\n      const name = m[1];\n      const components = m[2];\n\n      const hasPercent = (str: string) => str[str.length - 1] === \"%\";\n      const floatOrPercent = (str: string) => {\n        const v = parseFloat(str);\n        return 255 * getBoundedValue(hasPercent(str) ? v / 100 : v, 0, 1);\n      };\n      const intOrPercent = (str: string) => {\n        const v = hasPercent(str)\n          ? (parseFloat(str) / 100) * 255\n          : parseInt(str, 10);\n        return getBoundedValue(v, 0, 255);\n      };\n\n      switch (name) {\n        case \"rgb\":\n        case \"rgba\":\n          color =\n            /^(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*(?:,\\s*(\\d*\\.?\\d+)\\s*)?$/.exec(\n              components\n            );\n          if (color) {\n            // rgb(255,0,0) rgba(255,0,0,0.5)\n            return [\n              this.computeTbgrFromComponents(\n                intOrPercent(color[1]),\n                intOrPercent(color[2]),\n                intOrPercent(color[3]),\n                typeof color[4] === \"string\"\n                  ? 255 - floatOrPercent(color[4])\n                  : 0\n              ),\n              undefined,\n            ];\n          }\n\n          break;\n        case \"hsl\":\n        case \"hsla\":\n          color =\n            /^(\\d*\\.?\\d+)\\s*,\\s*(\\d+)\\%\\s*,\\s*(\\d+)\\%\\s*(?:,\\s*(\\d*\\.?\\d+)\\s*)?$/.exec(\n              components\n            );\n          if (color) {\n            // hsl(120,50%,50%) hsla(120,50%,50%,0.5)\n            const h = parseFloat(color[1]);\n            const s = parseInt(color[2], 10) / 100;\n            const l = parseInt(color[3], 10) / 100;\n            const t =\n              typeof color[4] === \"string\" ? 255 - floatOrPercent(color[4]) : 0;\n            return [this.computeTbgrFromHSL(h / 360, s, l, t), h];\n          }\n\n          break;\n      }\n      // eslint-disable-next-line no-cond-assign\n    } else if ((m = /^\\#([A-Fa-f\\d]+)$/.exec(val))) {\n      // hex color\n      const hex = m[1];\n      const size = hex.length;\n\n      if (size === 3) {\n        // #ff0\n        return [\n          this.computeTbgrFromComponents(\n            parseInt(hex.charAt(0) + hex.charAt(0), 16),\n            parseInt(hex.charAt(1) + hex.charAt(1), 16),\n            parseInt(hex.charAt(2) + hex.charAt(2), 16),\n            0\n          ),\n          undefined,\n        ];\n      }\n      if (size === 6) {\n        // #ff0000\n        return [\n          this.computeTbgrFromComponents(\n            parseInt(hex.charAt(0) + hex.charAt(1), 16),\n            parseInt(hex.charAt(2) + hex.charAt(3), 16),\n            parseInt(hex.charAt(4) + hex.charAt(5), 16),\n            0\n          ),\n          undefined,\n        ];\n      }\n      if (size === 8) {\n        // #ff0000ff\n        return [\n          this.computeTbgrFromComponents(\n            parseInt(hex.charAt(0) + hex.charAt(1), 16),\n            parseInt(hex.charAt(2) + hex.charAt(3), 16),\n            parseInt(hex.charAt(4) + hex.charAt(5), 16),\n            255 - parseInt(hex.charAt(6) + hex.charAt(7), 16)\n          ),\n          undefined,\n        ];\n      }\n    }\n\n    if (defaultColorIfNotParsed) {\n      return [defaultColorIfNotParsed, undefined];\n    }\n    throw new Error(\"unable to parse string into ColorValue\");\n  }\n\n  /**\n   * Get the r,g,b,t values encoded in an 0xTTBBGGRR value. Values will be integers between 0-255.\n   */\n  private static getColors(tbgr: number) {\n    scratchUInt32[0] = tbgr;\n    return {\n      b: scratchBytes[2],\n      g: scratchBytes[1],\n      r: scratchBytes[0],\n      t: scratchBytes[3],\n    };\n  }\n\n  /**\n   * Get the RGB value of the 0xTTBBGGRR color as a number in 0xRRGGBB or 0xRRGGBBAA format\n   */\n  private getRgb(includeAlpha?: boolean): number {\n    scratchUInt32[0] = this._tbgr;\n    if (includeAlpha) {\n      return (\n        (scratchBytes[0] << 24) +\n        (scratchBytes[1] << 16) +\n        (scratchBytes[2] << 8) +\n        (255 - scratchBytes[3])\n      );\n    }\n\n    return (scratchBytes[0] << 16) + (scratchBytes[1] << 8) + scratchBytes[2];\n  }\n\n  /**\n   * Get the alpha value for this ColorDef. Will be between 0-255\n   */\n  public getAlpha(): number {\n    return ColorValue.getAlpha(this._tbgr);\n  }\n\n  /**\n   * Extract the alpha value from a 0xTTBBGGRR color.\n   */\n  private static getAlpha(tbgr: number): number {\n    scratchUInt32[0] = tbgr;\n    return 255 - scratchBytes[3];\n  }\n\n  /**\n   * Convert this ColorValue to a string in the form \"#rrggbb\" or \"#rrggbbaa\" where values are hex digits of the respective colors\n   */\n  public toHexString(includeAlpha?: boolean): string {\n    if (includeAlpha) {\n      let value = this.getRgb(includeAlpha);\n      if (value < 0) {\n        value = 0xffffffff + value + 1;\n      }\n      return `#${`00000000${value.toString(16)}`.slice(-8)}`;\n    }\n    return `#${`000000${this.getRgb().toString(16)}`.slice(-6)}`;\n  }\n\n  /**\n   * Compute the 0xTTBBGGRR color corresponding to the specified hue, saturation, lightness values.\n   */\n  private static computeTbgrFromHSL(\n    /** 0-1 */\n    h: number,\n    /** 0-1 */\n    s: number,\n    /** 0-1 */\n    l: number,\n    transparency = 0\n  ): number {\n    const torgb = (p1: number, q1: number, t: number) => {\n      if (t < 0) {\n        t += 1;\n      }\n      if (t > 1) {\n        t -= 1;\n      }\n      if (t < 1 / 6) {\n        return p1 + (q1 - p1) * 6 * t;\n      }\n      if (t < 1 / 2) {\n        return q1;\n      }\n      if (t < 2 / 3) {\n        return p1 + (q1 - p1) * 6 * (2 / 3 - t);\n      }\n      return p1;\n    };\n\n    const hue2rgb = (p1: number, q1: number, t: number) =>\n      Math.round(torgb(p1, q1, t) * 255);\n    const modulo = (n: number, m: number) => ((n % m) + m) % m;\n\n    // h,s,l ranges are in 0.0 - 1.0\n    h = modulo(h, 1);\n    s = getBoundedValue(s, 0, 1);\n    l = getBoundedValue(l, 0, 1);\n\n    if (s === 0) {\n      l *= 255;\n      return this.computeTbgrFromComponents(l, l, l, transparency);\n    }\n\n    const p = l <= 0.5 ? l * (1 + s) : l + s - l * s;\n    const q = 2 * l - p;\n    return this.computeTbgrFromComponents(\n      hue2rgb(q, p, h + 1 / 3),\n      hue2rgb(q, p, h),\n      hue2rgb(q, p, h - 1 / 3),\n      transparency\n    );\n  }\n\n  /**\n   * Return HslColor from this ColorValue\n   */\n  public toHslColor(): HslColor {\n    return {\n      ...ColorValue.toHsl(this._tbgr),\n      ...(this._hue != undefined && { h: this._hue }),\n    };\n  }\n\n  /** Create an HslColor from this ColorValue */\n  private static toHsl(tbgr: number): HslColor {\n    const { r, g, b } = ColorValue.getColors(tbgr);\n    const red = r / 255;\n    const green = g / 255;\n    const blue = b / 255;\n    const cMin = Math.min(red, green, blue);\n    const cMax = Math.max(red, green, blue);\n    const delta = cMax - cMin;\n    let hue = 0;\n    let saturation = 0;\n\n    if (0 === delta) {\n      hue = 0;\n    } else if (red === cMax) {\n      hue = ((green - blue) / delta) % 6;\n    } else if (green === cMax) {\n      hue = (blue - red) / delta + 2;\n    } else {\n      hue = (red - green) / delta + 4;\n    }\n\n    hue = Math.round(hue * 60);\n    if (hue < 0) {\n      hue += 360;\n    }\n\n    let lightness = (cMax + cMin) / 2;\n    saturation = 0 === delta ? 0 : delta / (1 - Math.abs(2 * lightness - 1));\n\n    // round values to 1 decimal place\n    saturation = Number((saturation * 100).toFixed(1));\n    lightness = Number((lightness * 100).toFixed(1));\n\n    return {\n      h: hue,\n      s: saturation,\n      l: lightness,\n      a: this.getAlpha(tbgr) / 255,\n    };\n  }\n\n  /**\n   * Create an RgbColor from this ColorValue\n   */\n  public toRgbColor(): RgbColor {\n    const { r, g, b } = ColorValue.getColors(this._tbgr);\n    return { r, g, b, a: this.getAlpha() / 255 };\n  }\n\n  /**\n   * Return HsvColor from this ColorValue\n   */\n  public toHsvColor(): HsvColor {\n    return {\n      ...ColorValue.toHsv(this._tbgr),\n      ...(this._hue != undefined && { h: this._hue }),\n    };\n  }\n\n  /**\n   * Create an HsvColor from this ColorValue\n   */\n  private static toHsv(tbgr: number): HsvColor {\n    const { r, g, b } = ColorValue.getColors(tbgr);\n    const red = r / 255;\n    const green = g / 255;\n    const blue = b / 255;\n    const cMin = Math.min(red, green, blue);\n    const cMax = Math.max(red, green, blue);\n    const delta = cMax - cMin;\n    let hue = 0;\n\n    if (0 === delta) {\n      hue = 0;\n    } else if (red === cMax) {\n      hue = ((green - blue) / delta) % 6;\n    } else if (green === cMax) {\n      hue = (blue - red) / delta + 2;\n    } else {\n      hue = (red - green) / delta + 4;\n    }\n\n    hue = Math.round(hue * 60);\n    if (hue < 0) {\n      hue += 360;\n    }\n\n    let brightness = cMax;\n    let saturation = cMax === 0 ? 0 : delta / cMax;\n\n    // round values to 1 decimal place\n    saturation = Number((saturation * 100).toFixed(1));\n    brightness = Number((brightness * 100).toFixed(1));\n\n    return {\n      h: hue,\n      s: saturation,\n      v: brightness,\n      a: this.getAlpha(tbgr) / 255,\n    };\n  }\n\n  /** True if the value of this ColorValue is the same as another ColorValue. */\n  public equals(other: ColorValue): boolean {\n    return this._tbgr === other._tbgr;\n  }\n\n  public static getFormattedColorNumber(value: number, precision = 1) {\n    if (0 === precision) {\n      Math.round(value).toString();\n    }\n    return Number(value.toFixed(precision)).toString();\n  }\n\n  /** Convert the 0xTTBBGGRR color to a string of the form \"rgba(r,g,b,a)\" where the color components are specified in decimal and the alpha component is a fraction. */\n  public toRgbString(includeAlpha?: boolean): string {\n    const rgb = this.toRgbColor();\n    const rgbString = `${rgb.r}, ${rgb.g}, ${rgb.b}`;\n\n    if (includeAlpha) {\n      const alpha = rgb.a ?? 1;\n      return `rgba(${rgbString}, ${ColorValue.getFormattedColorNumber(\n        alpha,\n        2\n      )})`;\n    }\n    return `rgb(${rgbString})`;\n  }\n\n  /** Convert this ColorValue to a string in the form \"hsl(h,s,l) or hsla(h,s,l,a)\" - i.e hsl(120,50%,50%). */\n  public toHslString(includeAlpha?: boolean): string {\n    const hsl = this.toHslColor();\n    const hslString = `${ColorValue.getFormattedColorNumber(\n      this._hue ?? hsl.h\n    )}, ${ColorValue.getFormattedColorNumber(\n      hsl.s\n    )}%, ${ColorValue.getFormattedColorNumber(hsl.l)}%`;\n    if (includeAlpha) {\n      const alpha = hsl.a ?? 1;\n      return `hsla(${hslString}, ${ColorValue.getFormattedColorNumber(\n        alpha,\n        2\n      )})`;\n    }\n    return `hsl(${hslString})`;\n  }\n\n  /** Convert this ColorValue to a string in the form \"hsv(h,s,v) or hsva(h,s,v,a)\" - i.e hsv(120,50%,50%). */\n  public toHsvString(includeAlpha?: boolean): string {\n    const hsv = this.toHsvColor();\n    const hsvString = `${this._hue ?? hsv.h}, ${hsv.s}%, ${hsv.v}%`;\n\n    if (includeAlpha) {\n      const alpha = hsv.a ?? 1;\n      return `hsva(${hsvString}, ${ColorValue.getFormattedColorNumber(\n        alpha,\n        2\n      )})`;\n    }\n    return `hsv(${hsvString})`;\n  }\n}\n"],"names":["scratchBytes","Uint8Array","Uint32Array","buffer"],"mappings":"AAQA,IAAMA,EAAe,IAAIC,WAAW,GACd,IAAIC,YAAYF,EAAaG"}

package/dist/esm/src/components/new/utils/components/Box.js

@@ -1,2 +0,0 @@
-import{polymorphic as o}from"../functions/polymorphic.js";var r=o.div("");export{r as Box};
-//# sourceMappingURL=Box.js.map

package/dist/esm/src/components/new/utils/components/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sources":["../../../../../../../src/components/new/utils/components/Box.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { polymorphic } from '../functions/polymorphic';\n\n/**\n * Polymorphic component that renders a div element by default.\n * Intended to be used as a base for other components.\n * @private\n */\nexport const Box = polymorphic.div('');\n"],"names":["Box","polymorphic","div"],"mappings":"0DAWO,IAAMA,EAAMC,EAAYC,IAAI"}

package/dist/esm/src/components/new/utils/components/ButtonBase.js

@@ -1,2 +0,0 @@
-import{__rest as o}from"../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import*as i from"react";import r from"classnames";import{Box as a}from"./Box.js";import{useIsClient as n}from"../hooks/useIsClient.js";var e=i.forwardRef((function(i,e){var s=i.as,l=void 0===s?"button":s,d=i.disabled,u=i.htmlDisabled,m=o(i,["as","disabled","htmlDisabled"]),b=n(),f=function(o){return function(t){d||null==o||o(t)}};return t(a,Object.assign({as:l,type:"button"===l?"button":void 0,ref:e,"aria-disabled":d&&!u&&b&&"button"===l?"true":void 0,"data-iui-disabled":d?"true":void 0,disabled:!!(null!=u?u:!b&&d)||void 0},m,{className:r("iui-button-base",i.className),onClick:f(i.onClick),onPointerDown:f(i.onPointerDown),onPointerUp:f(i.onPointerUp)}))}));e.displayName="ButtonBase";export{e as ButtonBase};
-//# sourceMappingURL=ButtonBase.js.map

package/dist/esm/src/components/new/utils/components/ButtonBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.js","sources":["../../../../../../../src/components/new/utils/components/ButtonBase.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport { Box } from \"./Box\";\nimport type { PolymorphicForwardRefComponent } from \"../props\";\nimport { useIsClient } from \"../hooks/useIsClient\";\n\nexport const ButtonBase = React.forwardRef((props, forwardedRef) => {\n  const {\n    as: asProp = \"button\",\n    disabled: disabledProp,\n    htmlDisabled,\n    ...rest\n  } = props;\n\n  const isClient = useIsClient();\n\n  const ariaDisabled =\n    disabledProp &&\n    !htmlDisabled && // htmlDisabled prop takes preference\n    isClient && // progressively enhance after first render\n    asProp === \"button\"; // ignore if not button, e.g. links\n\n  const handleIfEnabled =\n    <T,>(handler?: (e: T) => void) =>\n    (e: T) => {\n      if (disabledProp) {\n        return;\n      }\n      handler?.(e);\n    };\n\n  return (\n    <Box\n      as={asProp}\n      type={asProp === \"button\" ? \"button\" : undefined}\n      ref={forwardedRef}\n      aria-disabled={ariaDisabled ? \"true\" : undefined}\n      data-iui-disabled={disabledProp ? \"true\" : undefined}\n      disabled={htmlDisabled ?? (!isClient && disabledProp) ? true : undefined}\n      {...rest}\n      className={cx(\"iui-button-base\", props.className)}\n      onClick={handleIfEnabled(props.onClick)}\n      onPointerDown={handleIfEnabled(props.onPointerDown)}\n      onPointerUp={handleIfEnabled(props.onPointerUp)}\n    />\n  );\n}) as PolymorphicForwardRefComponent<\"button\", ButtonBaseProps>;\nButtonBase.displayName = \"ButtonBase\";\n\ntype ButtonBaseProps = {\n  /**\n   * Custom `disabled` prop that keeps the button focusable, prevents\n   * clicks, applied disabled styling, and adds `aria-disabled`.\n   */\n  disabled?: boolean;\n  /**\n   * Built-in html `disabled` attribute\n   */\n  htmlDisabled?: boolean;\n};\n"],"names":["ButtonBase","React","forwardRef","props","forwardedRef","_props$as","as","asProp","disabledProp","disabled","htmlDisabled","rest","isClient","useIsClient","handleIfEnabled","handler","e","_jsx","Box","Object","assign","type","undefined","ref","className","cx","onClick","onPointerDown","onPointerUp","displayName"],"mappings":"0OAUO,IAAMA,EAAaC,EAAMC,YAAW,SAACC,EAAOC,GACjD,IAAAC,EAKIF,EAJFG,GAAIC,OAAS,IAAHF,EAAG,SAAQA,EACXG,EAGRL,EAHFM,SACAC,EAEEP,EAFFO,aACGC,IACDR,EALE,CAKL,KAAA,WAAA,iBAEKS,EAAWC,IAQXC,EACJ,SAAKC,GAAwB,OAC7B,SAACC,GACKR,GAGJO,SAAAA,EAAUC,GACX,EAEH,OACEC,EAACC,EACCC,OAAAC,OAAA,CAAAd,GAAIC,EACJc,KAAiB,WAAXd,EAAsB,cAAWe,EACvCC,IAAKnB,EAAY,gBAlBnBI,IACCE,GACDE,GACW,WAAXL,EAgBgC,YAASe,EAAS,oBAC7Bd,EAAe,YAASc,EAC3Cb,YAAUC,QAAAA,GAAkBE,GAAYJ,SAAuBc,GAC3DX,EAAI,CACRa,UAAWC,EAAG,kBAAmBtB,EAAMqB,WACvCE,QAASZ,EAAgBX,EAAMuB,SAC/BC,cAAeb,EAAgBX,EAAMwB,eACrCC,YAAad,EAAgBX,EAAMyB,eAGzC,IACA5B,EAAW6B,YAAc"}