@oracle/oraclejet-preact 14.0.0

package/cjs/PRIVATE_Collection.js

@@ -0,0 +1,20 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Collection = require('./Collection-1173258f.js');
+require('preact/jsx-runtime');
+require('preact');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.Collection = Collection.Collection;
+/*  */
+//# sourceMappingURL=PRIVATE_Collection.js.map

package/cjs/PRIVATE_Collection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PRIVATE_Collection.js","sources":["../../src/PRIVATE_Collection/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Collection } from './Collection';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;AAMG;;;;;;;"}

package/cjs/PRIVATE_List.js

@@ -0,0 +1,88 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var List = require('./List-007d77af.js');
+require('preact/jsx-runtime');
+require('preact/hooks');
+require("identity-obj-proxy");
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.js');
+require('./utils/UNSAFE_mergeProps.js');
+require('./utils/UNSAFE_keys.js');
+require('./LoadMoreCollection-903ca14c.js');
+require('./PRIVATE_Collection.js');
+require('./Collection-1173258f.js');
+require('preact');
+require('./hooks/UNSAFE_useViewportIntersect.js');
+require('./PRIVATE_VirtualizedCollection.js');
+require('./VirtualizedCollection-4eb3b463.js');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./hooks/UNSAFE_useTabbableMode.js');
+require('./UNSAFE_FocusTrap.js');
+require('./FocusTrap-242f0347.js');
+require('preact/compat');
+require('./utils/PRIVATE_tabbableUtils.js');
+require('./_curry1-72279dc6.js');
+require('./_curry2-f77dcc57.js');
+require('./_curry3-31dd4145.js');
+require('./hooks/UNSAFE_useId.js');
+require('./hooks/PRIVATE_useSelection.js');
+require('./hooks/PRIVATE_useCurrentKey.js');
+require('./hooks/PRIVATE_useCollectionFocusRing.js');
+require('./hooks/PRIVATE_useTabbableModeSet.js');
+require('./hooks/PRIVATE_useItemAction.js');
+require('./utils/PRIVATE_collectionUtils.js');
+require('./UNSAFE_Skeleton.js');
+require('./Skeleton-fac3589c.js');
+require('./tslib.es6-d7adde1f.js');
+require('./utils/UNSAFE_interpolations/dimensions.js');
+require('./utils/UNSAFE_size.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./_has-618da22b.js');
+require('./utils/UNSAFE_interpolations/borders.js');
+require('./UNSAFE_Flex.js');
+require('./Flex-71c6255f.js');
+require('./utils/UNSAFE_interpolations/boxalignment.js');
+require('./keys-4d35cf5a.js');
+require('./utils/UNSAFE_interpolations/flexbox.js');
+require('./flexbox-659a8cf1.js');
+require('./utils/UNSAFE_interpolations/flexitem.js');
+require('./flexitem-8d661117.js');
+require('./UNSAFE_Selector.js');
+require('./index-ed6e3090.js');
+require('./index-5304d101.js');
+require('./UNSAFE_Icon.js');
+require('./Icon-a21be510.js');
+require('./hooks/UNSAFE_useTooltip.js');
+require('./UNSAFE_Floating.js');
+require('./Floating-3eb600a1.js');
+require('./index-94b1ff28.js');
+require('./hooks/UNSAFE_useUser.js');
+require('./UNSAFE_Environment.js');
+require('./UNSAFE_Layer.js');
+require('./utils/PRIVATE_floatingUtils.js');
+require('./utils/PRIVATE_refUtils.js');
+require('./hooks/UNSAFE_useOutsideClick.js');
+require('./hooks/UNSAFE_useHover.js');
+require('./hooks/UNSAFE_useToggle.js');
+require('./hooks/UNSAFE_useFocus.js');
+require('./hooks/UNSAFE_useTouch.js');
+require('./hooks/UNSAFE_useAnimation.js');
+require('./useAnimation-9e794d84.js');
+require('./hooks/UNSAFE_useTheme.js');
+require('./hooks/UNSAFE_useTranslationBundle.js');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.List = List.List;
+exports.SkeletonContainer = List.SkeletonContainer;
+/*  */
+//# sourceMappingURL=PRIVATE_List.js.map

package/cjs/PRIVATE_List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PRIVATE_List.js","sources":["../../src/PRIVATE_List/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\n/**\n * PRIVATE Components not intended for outside use,\n *\n * NOTE: Types for these need to be public and are defined in UNSAFE_ListView/List.types.ts\n */\nexport { List } from './List';\nexport { SkeletonContainer } from './SkeletonContainer';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAMG;;;;;;;;"}

package/cjs/PRIVATE_Message.js

@@ -0,0 +1,351 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('preact/jsx-runtime');
+require("identity-obj-proxy");
+var hooks = require('preact/hooks');
+require('./UNSAFE_Flex.js');
+var utils_PRIVATE_timer = require('./utils/PRIVATE_timer.js');
+require('./utils/UNSAFE_classNames.js');
+var MessageCloseButton = require('./MessageCloseButton-f11fb2d5.js');
+var classNames = require('./classNames-825d80d7.js');
+var MessageDetail = require('./MessageDetail-bc89f255.js');
+var MessageFormattingUtils = require('./MessageFormattingUtils-afa602f0.js');
+var MessageStartIcon = require('./MessageStartIcon-aab13995.js');
+var MessageSummary = require('./MessageSummary-e3c976d2.js');
+var MessageTimestamp = require('./MessageTimestamp-5c34afd5.js');
+var MessageUtils = require('./MessageUtils-c41ab02b.js');
+var Flex = require('./Flex-71c6255f.js');
+var MessagesManager = require('./MessagesManager-ae82966c.js');
+var Message_types = require('./Message.types-8369755d.js');
+require('./tslib.es6-d7adde1f.js');
+require('./utils/UNSAFE_interpolations/dimensions.js');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./utils/UNSAFE_size.js');
+require('./_curry1-72279dc6.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./_curry3-31dd4145.js');
+require('./_curry2-f77dcc57.js');
+require('./_has-618da22b.js');
+require('./utils/UNSAFE_interpolations/boxalignment.js');
+require('./keys-4d35cf5a.js');
+require('./utils/UNSAFE_interpolations/flexbox.js');
+require('./flexbox-659a8cf1.js');
+require('./utils/UNSAFE_interpolations/flexitem.js');
+require('./flexitem-8d661117.js');
+require('./UNSAFE_Button.js');
+require('./Button-b68878ba.js');
+require('./UNSAFE_BaseButton.js');
+require('./BaseButton-82e1ea19.js');
+require('./hooks/UNSAFE_usePress.js');
+require('./hooks/UNSAFE_useHover.js');
+require('./hooks/UNSAFE_useToggle.js');
+require('./hooks/UNSAFE_useActive.js');
+require('preact/compat');
+require('./utils/PRIVATE_clientHints.js');
+require('./clientHints-78b0e917.js');
+require('./hooks/UNSAFE_useTabbableMode.js');
+require('preact');
+require('./utils/UNSAFE_mergeProps.js');
+require('./index-ed6e3090.js');
+require('./index-5304d101.js');
+require('./UNSAFE_Icon.js');
+require('./Icon-a21be510.js');
+require('./hooks/UNSAFE_useTooltip.js');
+require('./hooks/UNSAFE_useId.js');
+require('./UNSAFE_Floating.js');
+require('./Floating-3eb600a1.js');
+require('./index-94b1ff28.js');
+require('./hooks/UNSAFE_useUser.js');
+require('./UNSAFE_Environment.js');
+require('./UNSAFE_Layer.js');
+require('./utils/PRIVATE_floatingUtils.js');
+require('./utils/PRIVATE_refUtils.js');
+require('./hooks/UNSAFE_useOutsideClick.js');
+require('./hooks/UNSAFE_useFocus.js');
+require('./hooks/UNSAFE_useTouch.js');
+require('./hooks/UNSAFE_useAnimation.js');
+require('./useAnimation-9e794d84.js');
+require('./hooks/UNSAFE_useTheme.js');
+require('./utils/UNSAFE_getLocale.js');
+require('./utils/UNSAFE_stringUtils.js');
+require('./stringUtils-d9b75b25.js');
+require('./utils/UNSAFE_logger.js');
+require('./utils/UNSAFE_soundUtils.js');
+require('./PRIVATE_TransitionGroup.js');
+require('./hooks/UNSAFE_useMessagesContext.js');
+
+const messageStartIconStyles = {
+  base: "_1ssxatk",
+  toast: "_1dd95zq"
+};
+/**
+ * Component for rendering custom icon/content for start icon in Message
+ */
+
+function MessageCustomStartIcon({
+  item,
+  renderer
+}) {
+  const classes = classNames.classNames([messageStartIconStyles.base, // for now only toast has support for custom icon
+  messageStartIconStyles.toast]);
+  return jsxRuntime.jsx("div", Object.assign({
+    class: classes,
+    role: "presentation"
+  }, {
+    children: renderer(item)
+  }));
+}
+
+const messageHeaderStyles = {
+  base: "jwogc",
+  banner: "oretv0",
+  inline: undefined,
+  toast: "_13dem6l"
+};
+/**
+ * A component that styles the header for the message component
+ * @param param0 Props
+ * @returns MessageHeader component instance
+ */
+
+function MessageHeader({
+  children,
+  variant = 'banner'
+}) {
+  const rootClasses = classNames.classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);
+  return jsxRuntime.jsx("div", Object.assign({
+    role: "presentation",
+    class: rootClasses
+  }, {
+    children: children
+  }));
+}
+
+/**
+ * Determines the base variant of the message - banner or toast
+ *
+ * @param variant The message variant
+ * @returns The base variant
+ */
+
+function getBaseVariant(variant) {
+  if (variant === 'pageBanner' || variant === 'sectionBanner') {
+    return 'banner';
+  }
+
+  return 'toast';
+}
+/**
+ * Determines if a severity icon is needed based on the component severity
+ *
+ * @param severity The component severity
+ * @returns Whether or not to render the severity icon
+ */
+
+
+function isSeverityIconNeeded(severity) {
+  const isValidSeverity = MessageFormattingUtils.isValidValueForProp(severity, 'severity');
+  return isValidSeverity && severity !== 'none';
+}
+/**
+ * CSS styles for various components
+ */
+
+
+const messageStyles = {
+  base: {
+    banner: "qy3t0k",
+    toast: "_1f2uwhl"
+  },
+  section: "_10q4nvx",
+  // TODO: Replace with Flex and View components to handle padding and flex
+  content: {
+    base: "w084rn",
+    banner: "_1x2d7uj",
+    toast: "c8bywp"
+  }
+};
+/**
+ * Default timeout duration for autoTimeout in milliseconds
+ */
+
+const MIN_SECONDS = 5;
+const DEFAULT_TIMEOUT = MIN_SECONDS * 1000;
+/**
+ * Component that renders an individual message
+ */
+
+function Message({
+  closeButtonRenderer,
+  detailRenderer,
+  iconRenderer,
+  index = -1,
+  item,
+  onClose,
+  messageRef = () => {},
+  variant = 'pageBanner',
+  translations
+}) {
+  const {
+    closeAffordance = 'on',
+    severity = 'error',
+    sound,
+    summary,
+    timestamp
+  } = item.data;
+  const {
+    autoTimeout = 'off'
+  } = item.data;
+  const baseVariant = getBaseVariant(variant);
+  /**
+   * Handles clicking on the close icon of the message
+   */
+
+  const handleClose = hooks.useCallback(() => {
+    onClose === null || onClose === void 0 ? void 0 : onClose(item);
+  }, [item, onClose]);
+  /**
+   * Handles closing the message on pressing Esc
+   */
+
+  const handleCloseOnEsc = hooks.useCallback(event => {
+    // Close the message only when closeAffordance is on
+    if (event.key === 'Escape' && closeAffordance === 'on') {
+      onClose === null || onClose === void 0 ? void 0 : onClose(item);
+    }
+  }, [closeAffordance, item, onClose]);
+  /**
+   * Set auto timeout for toast messages
+   */
+
+  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';
+  const currentTimerRef = hooks.useRef();
+  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;
+  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;
+  const startTimer = hooks.useCallback(() => {
+    if (currentTimerRef.current) return;
+    currentTimerRef.current = new utils_PRIVATE_timer.Timer(handleClose, timeoutDuration);
+  }, [handleClose, timeoutDuration]);
+  const clearTimer = hooks.useCallback(() => {
+    if (!currentTimerRef.current) return;
+    currentTimerRef.current.clear();
+    currentTimerRef.current = undefined;
+  }, []);
+  const pauseTimer = hooks.useCallback(() => {
+    var _a;
+
+    (_a = currentTimerRef.current) === null || _a === void 0 ? void 0 : _a.pause();
+  }, []);
+  const resumeTimer = hooks.useCallback(() => {
+    var _a;
+
+    (_a = currentTimerRef.current) === null || _a === void 0 ? void 0 : _a.resume();
+  }, []);
+  hooks.useEffect(() => {
+    if (MessageFormattingUtils.isValidValueForProp(sound)) {
+      // It is sufficient to check for the value to be a
+      // non-empty string. The playSound method takes care of the rest.
+      MessageUtils.playSound(sound);
+    } // on mount, start timer for toast messages if needed
+
+
+    if (shouldTimeout) {
+      startTimer();
+    }
+
+    return () => {
+      // clear out any pending timer
+      clearTimer();
+    }; // eslint-disable-next-line
+  }, []); // No deps to run this only on mount
+
+  const rootClasses = classNames.classNames([messageStyles.base[baseVariant], // for now, we do not have severity based styling on toast. So, we ignore this class for toasts
+  variant !== 'toast' && MessageUtils.severityBasedStyleClass(severity, baseVariant), variant === 'sectionBanner' && messageStyles.section]);
+  const contentClasses = classNames.classNames([messageStyles.content.base, messageStyles.content[baseVariant]]); // We will be animating the root div, so add padding to an inner wrapper div so that
+  // when animating height looks smooth. If padding were to be added to the root
+  // div, the animation will not be smooth as height will never reach 0 due to the
+  // padding.
+
+  return jsxRuntime.jsx("div", Object.assign({
+    ref: messageRef,
+    class: rootClasses,
+    role: "alert",
+    "aria-atomic": "true",
+    tabIndex: 0,
+    onKeyUp: handleCloseOnEsc,
+    onfocusin: pauseTimer,
+    onfocusout: resumeTimer
+  }, {
+    children: jsxRuntime.jsxs("div", Object.assign({
+      class: contentClasses
+    }, {
+      children: [iconRenderer ? jsxRuntime.jsx(MessageCustomStartIcon, {
+        item: Object.assign(Object.assign({}, item), {
+          index
+        }),
+        renderer: iconRenderer
+      }) : isSeverityIconNeeded(severity) ? jsxRuntime.jsx(MessageStartIcon.MessageStartIcon, {
+        severity: severity,
+        variant: baseVariant,
+        translations: translations
+      }) : null, jsxRuntime.jsxs(Flex.Flex, Object.assign({
+        direction: "column",
+        flex: "1",
+        gap: "--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"
+      }, {
+        children: [jsxRuntime.jsxs(MessageHeader, Object.assign({
+          variant: baseVariant
+        }, {
+          children: [jsxRuntime.jsx(MessageSummary.MessageSummary, {
+            variant: baseVariant,
+            text: summary
+          }), MessageFormattingUtils.isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && jsxRuntime.jsx(MessageTimestamp.MessageTimestamp, {
+            variant: baseVariant,
+            value: timestamp
+          })]
+        })), jsxRuntime.jsx(MessageDetail.MessageDetail, {
+          variant: baseVariant,
+          item: Object.assign(Object.assign({}, item), {
+            index
+          }),
+          renderer: detailRenderer
+        })]
+      })), closeAffordance === 'on' && jsxRuntime.jsx(MessageCloseButton.MessageCloseButton, {
+        buttonRenderer: closeButtonRenderer,
+        title: translations === null || translations === void 0 ? void 0 : translations.close,
+        variant: baseVariant,
+        onAction: handleClose
+      })]
+    }))
+  }));
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.MessageCloseButton = MessageCloseButton.MessageCloseButton;
+exports.MessageDetail = MessageDetail.MessageDetail;
+exports.formatTimestamp = MessageFormattingUtils.formatTimestamp;
+exports.isValidValueForProp = MessageFormattingUtils.isValidValueForProp;
+exports.MessageStartIcon = MessageStartIcon.MessageStartIcon;
+exports.MessageSummary = MessageSummary.MessageSummary;
+exports.MessageTimestamp = MessageTimestamp.MessageTimestamp;
+exports.getRenderer = MessageUtils.getRenderer;
+exports.getRendererWithoutIndex = MessageUtils.getRendererWithoutIndex;
+exports.isSeverityIconNeeded = MessageUtils.isSeverityIconNeeded;
+exports.playSound = MessageUtils.playSound;
+exports.severityBasedStyleClass = MessageUtils.severityBasedStyleClass;
+exports.throwError = MessageUtils.throwError;
+exports.MessagesManager = MessagesManager.MessagesManager;
+exports.severities = Message_types.severities;
+exports.Message = Message;
+/*  */
+//# sourceMappingURL=PRIVATE_Message.js.map

package/cjs/PRIVATE_Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx","../../src/PRIVATE_Message/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Message } from './Message';\nexport { MessageCloseButton } from './MessageCloseButton';\nexport { MessageDetail } from './MessageDetail';\nexport { formatTimestamp, isValidValueForProp } from './MessageFormattingUtils';\nexport { MessagesManager } from './MessagesManager';\nexport { MessageStartIcon } from './MessageStartIcon';\nexport { MessageSummary } from './MessageSummary';\nexport { MessageTimestamp } from './MessageTimestamp';\nexport {\n  getRenderer,\n  getRendererWithoutIndex,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n} from './MessageUtils';\nexport type { MessageSeverity, MessageRendererDataItem } from './Message.types';\nexport { severities } from './Message.types';\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","base","toast","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","getBaseVariant","isSeverityIconNeeded","severity","isValidSeverity","messageStyles","content","MIN_SECONDS","DEFAULT_TIMEOUT","Message","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeout","autoTimeout","timeoutDuration","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"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"}

package/cjs/PRIVATE_MessageLayer.js

@@ -0,0 +1,41 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MessageLayer = require('./MessageLayer-731f812d.js');
+require('preact/jsx-runtime');
+require("identity-obj-proxy");
+require('./hooks/UNSAFE_useUser.js');
+require('preact/hooks');
+require('./UNSAFE_Environment.js');
+require('preact');
+require('./UNSAFE_Layer.js');
+require('preact/compat');
+require('./utils/UNSAFE_arrayUtils.js');
+require('./utils/UNSAFE_classNames.js');
+require('./classNames-825d80d7.js');
+require('./UNSAFE_Flex.js');
+require('./Flex-71c6255f.js');
+require('./tslib.es6-d7adde1f.js');
+require('./utils/UNSAFE_interpolations/dimensions.js');
+require('./utils/UNSAFE_size.js');
+require('./_curry1-72279dc6.js');
+require('./utils/UNSAFE_mergeInterpolations.js');
+require('./_curry3-31dd4145.js');
+require('./_curry2-f77dcc57.js');
+require('./_has-618da22b.js');
+require('./utils/UNSAFE_interpolations/boxalignment.js');
+require('./keys-4d35cf5a.js');
+require('./utils/UNSAFE_interpolations/flexbox.js');
+require('./flexbox-659a8cf1.js');
+require('./utils/UNSAFE_interpolations/flexitem.js');
+require('./flexitem-8d661117.js');
+require('./UNSAFE_WindowOverlay.js');
+
+
+
+exports.MessageLayer = MessageLayer.MessageLayer;
+exports.positions = MessageLayer.positions;
+/*  */
+//# sourceMappingURL=PRIVATE_MessageLayer.js.map

package/cjs/PRIVATE_MessageLayer.js.map

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

package/cjs/PRIVATE_Meter.js

@@ -0,0 +1,69 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('./tslib.es6-d7adde1f.js');
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+
+const BarTrack = compat.forwardRef((_a, ref) => {
+    var { id, length = '100%', children, color, orientation = 'horizontal', ariaProps } = _a, otherProps = tslib_es6.__rest(_a, ["id", "length", "children", "color", "orientation", "ariaProps"]);
+    const isHoriz = orientation === 'horizontal';
+    return (jsxRuntime.jsx("div", Object.assign({ id: id, ref: ref, class: otherProps.class }, ariaProps, { style: {
+            width: isHoriz ? length : undefined,
+            height: isHoriz ? undefined : length,
+            backgroundColor: color
+        } }, { children: children })));
+});
+const BarValue = (_a) => {
+    var { length = '100%', size = '100%', orientation = 'horizontal', color } = _a, otherProps = tslib_es6.__rest(_a, ["length", "size", "orientation", "color"]);
+    const isHoriz = orientation === 'horizontal';
+    return (jsxRuntime.jsx("div", { class: otherProps.class, style: {
+            width: isHoriz ? length : size,
+            height: isHoriz ? size : length,
+            backgroundColor: color
+        } }));
+};
+
+const CircleWrapper = compat.forwardRef((_a, ref) => {
+    var { id, children, color, clipPath, borderWidth, ariaProps } = _a, otherProps = tslib_es6.__rest(_a, ["id", "children", "color", "clipPath", "borderWidth", "ariaProps"]);
+    return (jsxRuntime.jsx("div", Object.assign({ id: id, ref: ref }, ariaProps, { class: otherProps.class, style: {
+            borderColor: color,
+            borderWidth: borderWidth,
+            clipPath: clipPath
+        } }, { children: children })));
+});
+function getBorderWidth(section, borderWidth) {
+    const border = {
+        borderTopWidth: borderWidth,
+        borderBottomWidth: borderWidth,
+        borderRightWidth: borderWidth,
+        borderLeftWidth: borderWidth
+    };
+    if (section === 'top') {
+        border['borderBottomWidth'] = undefined;
+    }
+    if (section === 'bottom') {
+        border['borderTopWidth'] = undefined;
+    }
+    if (section === 'left') {
+        border['borderRightWidth'] = undefined;
+    }
+    if (section === 'right') {
+        border['borderLeftWidth'] = undefined;
+    }
+    return border;
+}
+const CircleInner = (_a) => {
+    var { clipPath, color, height, width, size, section = 'full' } = _a, otherProps = tslib_es6.__rest(_a, ["clipPath", "color", "height", "width", "size", "section"]);
+    const borderWidth = getBorderWidth(section, size);
+    return (jsxRuntime.jsx("div", { class: otherProps.class, style: Object.assign({ clipPath: clipPath, borderColor: color, height: height, width: width }, borderWidth) }));
+};
+
+exports.BarTrack = BarTrack;
+exports.BarValue = BarValue;
+exports.CircleInner = CircleInner;
+exports.CircleWrapper = CircleWrapper;
+/*  */
+//# sourceMappingURL=PRIVATE_Meter.js.map

package/cjs/PRIVATE_Meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PRIVATE_Meter.js","sources":["../../src/PRIVATE_Meter/LinearMeter.tsx","../../src/PRIVATE_Meter/CircularMeter.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype TrackProps = IntrinsicProps & {\n  length?: string;\n  color?: string;\n  orientation?: 'vertical' | 'horizontal';\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n};\n\nexport const BarTrack = forwardRef(\n  (\n    {\n      id,\n      length = '100%',\n      children,\n      color,\n      orientation = 'horizontal',\n      ariaProps,\n      ...otherProps\n    }: TrackProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const isHoriz = orientation === 'horizontal';\n    return (\n      <div\n        id={id}\n        ref={ref}\n        class={otherProps.class}\n        {...ariaProps}\n        style={{\n          width: isHoriz ? length : undefined,\n          height: isHoriz ? undefined : length,\n          backgroundColor: color\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  length?: string;\n  size?: string;\n  orientation?: 'vertical' | 'horizontal';\n  color?: string;\n};\n\nexport const BarValue = ({\n  length = '100%',\n  size = '100%',\n  orientation = 'horizontal',\n  color,\n  ...otherProps\n}: ValueProps) => {\n  const isHoriz = orientation === 'horizontal';\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        width: isHoriz ? length : size,\n        height: isHoriz ? size : length,\n        backgroundColor: color\n      }}></div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\ntype WrapperProps = IntrinsicProps & {\n  color?: string;\n  borderWidth?: string;\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n  clipPath?: string;\n};\n\nexport const CircleWrapper = forwardRef(\n  (\n    { id, children, color, clipPath, borderWidth, ariaProps, ...otherProps }: WrapperProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    return (\n      <div\n        id={id}\n        ref={ref}\n        {...ariaProps}\n        class={otherProps.class}\n        style={{\n          borderColor: color,\n          borderWidth: borderWidth,\n          clipPath: clipPath\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n  width?: string;\n  height?: string;\n  size?: string;\n  section?: string;\n};\n\nfunction getBorderWidth(section: string, borderWidth: string | undefined) {\n  const border: Record<string, string | undefined> = {\n    borderTopWidth: borderWidth,\n    borderBottomWidth: borderWidth,\n    borderRightWidth: borderWidth,\n    borderLeftWidth: borderWidth\n  };\n  if (section === 'top') {\n    border['borderBottomWidth'] = undefined;\n  }\n\n  if (section === 'bottom') {\n    border['borderTopWidth'] = undefined;\n  }\n\n  if (section === 'left') {\n    border['borderRightWidth'] = undefined;\n  }\n\n  if (section === 'right') {\n    border['borderLeftWidth'] = undefined;\n  }\n  return border;\n}\n\nexport const CircleInner = ({\n  clipPath,\n  color,\n  height,\n  width,\n  size,\n  section = 'full',\n  ...otherProps\n}: CircleInnerProps) => {\n  const borderWidth = getBorderWidth(section, size);\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        clipPath: clipPath,\n        borderColor: color,\n        height: height,\n        width: width,\n        ...borderWidth\n      }}></div>\n  );\n};\n"],"names":["forwardRef","__rest","_jsx"],"mappings":"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"}