@oracle/oraclejet-preact 18.0.2 → 18.0.4

package/cjs/UNSAFE_CheckboxItem.js

@@ -9,25 +9,31 @@ require('./FormContext-9452bd30.js');
 var useFormContext = require('./useFormContext-4c3091dc.js');
 require('./FormFieldContext-8418dc68.js');
 var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
-var CheckboxSet = require('./CheckboxSet-1bdbc419.js');
 var CheckboxControl = require('./CheckboxControl-5beb656d.js');
+var CheckboxSetContext = require('./CheckboxSetContext-c62db26d.js');
 require('preact');
 require('preact/compat');
-require('./useFormFieldContextProps-8c04ed0f.js');
+require('./CheckboxRadioContext-3b134bd1.js');
+require('./HiddenAccessible-087eb49a.js');
 
+require('./useComponentTheme-082fc8e4.js');
+require('./logger-2b636482.js');
+require('./useFocus-1b288fb9.js');
+require('./useToggle-3ebba7d8.js');
+require('./classNames-c14c6ef3.js');
+require('./TabbableModeContext-e99d527e.js');
+require('./useTabbableMode-5c8fd9e5.js');
 require('./useId-6c0eeb27.js');
-require('./CheckboxRadioField-0d5c9def.js');
-require('./useCollectionFocusRing-5af82f66.js');
-require('./collectionUtils-d9fdec19.js');
-require('./keys-25710458.js');
-require('./clientHints-a0f8f4d2.js');
 require('./useTranslationBundle-6b0281a9.js');
 require('./LayerHost-7182bfaf.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
+
+
+require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
+require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 require('./Flex-ce16a2fa.js');
 require('./useTestId-e267a39d.js');
-require('./classNames-c14c6ef3.js');
 require('./boxalignment-5fe0cc94.js');
 require('./size-37b7af59.js');
 require('./utils-7c0b6a81.js');
@@ -47,14 +53,6 @@ require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
 
-require('./Label-e0d15892.js');
-require('./useComponentTheme-082fc8e4.js');
-require('./logger-2b636482.js');
-require('./TabbableModeContext-e99d527e.js');
-
-
-require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
@@ -96,9 +94,8 @@ require('./BaseButton-3a0bf8e4.js');
 require('./usePress-886180e4.js');
 require('./usePressClick-421494df.js');
 require('./useHover-c099039f.js');
-require('./useToggle-3ebba7d8.js');
 require('./useActive-6770f917.js');
-require('./useTabbableMode-5c8fd9e5.js');
+require('./clientHints-a0f8f4d2.js');
 require('./mergeProps-e3da7237.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
 require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
@@ -119,7 +116,6 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css
 
 require('./useTooltip-ea036f82.js');
 require('./useTooltipControlled-61581889.js');
-require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./useAnimation-fb11e4cc.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
@@ -135,7 +131,6 @@ require('./TransitionGroup-b239d98f.js');
 require('./MessagesContext-4e939750.js');
 
 
-
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
 require('./Popup-3e6b37ba.js');
@@ -170,74 +165,19 @@ require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
 
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
-require('./CompactLabelAssistance-ec1e72af.js');
-require('./CompactHelpSource-61ead0c7.js');
-require('./Help-cb7bb9c5.js');
-require('./Icon-c024b93c.js');
-require('./UNSAFE_Icon/themes/IconStyle.css.js');
 require('./useFocusWithin-eb7f956a.js');
-require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
-require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
-require('./UNSAFE_Label/themes/LabelStyles.css.js');
 
-require('./UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js');
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-require('./UNSAFE_TextField/themes/redwood/TextFieldTheme.js');
-require('./UNSAFE_TextField/themes/TextFieldStyles.css.js');
-
-
-
-require('./UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js');
-
-require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
-
+require('./IconUserAssistance-3faf6a09.js');
+require('./Help-cb7bb9c5.js');
+require('./Icon-c024b93c.js');
+require('./UNSAFE_Icon/themes/IconStyle.css.js');
 require('./InlineHelp-281083ff.js');
 require('./InlineHelpSource-0549100d.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js');
+require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js');
-require('./InlineUserAssistance-820162f4.js');
-require('./ComponentMessageContainer-24e79106.js');
-require('./MessagesManager-1ae749bf.js');
-require('./SuccessS-0f71f148.js');
-require('./ErrorS-ed472612.js');
-require('./InformationS-6d8c46d3.js');
-require('./WarningS-5771be9f.js');
-require('./PRIVATE_Message/themes/MessageStyles.css.js');
-require('./soundUtils-ff3c9c0d.js');
-require('./useMessagesContext-23d62331.js');
-require('./Transition-942950ed.js');
-require('./HiddenAccessible-087eb49a.js');
-require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js');
-require('./UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js');
-require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js');
-require('./useInputGroupContext-4c10bd57.js');
-require('./CheckboxRadioFieldStyles.css-7d820452.js');
-require('./useMessageSeverity-cfc4ae9d.js');
-
-require('./LabelValueLayout-4049c1a1.js');
-
-require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
-require('./UNSAFE_RadioItem/themes/RadioStyles.css.js');
-
-require('./UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css.js');
-
-require('./UNSAFE_RadioItem/themes/redwood/RadioVariants.css.js');
-require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');
-require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
-require('./UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js');
-
-require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
-require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
-
-require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
-
-require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
-
-require('./CheckboxRadioContext-3b134bd1.js');
-require('./LayoutStyles.css-73ce5266.js');
-
-require('./IconUserAssistance-3faf6a09.js');
 require('./StyledCheckbox-924035d9.js');
 require('./Check-fdd26a23.js');
 require('./CheckboxOff-915fd263.js');
@@ -254,6 +194,15 @@ require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js');
 
 require('./CollectionInteractionContext-f84ff7a1.js');
 require('./useCollectionInteractionContext-6fc0200e.js');
+require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
+require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
+
+require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
+
+require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
+
+require('./LayoutStyles.css-73ce5266.js');
+
 
 /**
  * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.
@@ -261,7 +210,7 @@ require('./useCollectionInteractionContext-6fc0200e.js');
 const CheckboxItem = ({ children, value, assistiveText, helpSourceLink, helpSourceText }) => {
     const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext.useFormContext();
     const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext.useFormFieldContext();
-    const { name, onCommit, value: groupValue } = CheckboxSet.useCheckboxSetContext();
+    const { name, onCommit, value: groupValue } = CheckboxSetContext.useCheckboxSetContext();
     const isChecked = groupValue?.has(value);
     const isDisabled = isFieldDisabled ?? isFormDisabled;
     const isReadonly = isFieldReadonly ?? isFormReadonly;

package/cjs/UNSAFE_CheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["useFormContext","useFormFieldContext","useCheckboxSetContext","useCallback","_jsx","CheckboxControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAGA,6BAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAGC,iCAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,+BAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}
+{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["useFormContext","useFormFieldContext","useCheckboxSetContext","useCallback","_jsx","CheckboxControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAGA,6BAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAGC,wCAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,+BAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}

package/cjs/UNSAFE_CheckboxSet.js

@@ -3,18 +3,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CheckboxSet = require('./CheckboxSet-1bdbc419.js');
-require('preact/jsx-runtime');
-require('preact');
-require('preact/hooks');
-require('preact/compat');
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var hooks = require('preact/hooks');
+var compat = require('preact/compat');
+var CheckboxSetContext = require('./CheckboxSetContext-c62db26d.js');
 require('./FormContext-9452bd30.js');
-require('./useFormContext-4c3091dc.js');
-require('./FormFieldContext-8418dc68.js');
-require('./useFormFieldContextProps-8c04ed0f.js');
+var useFormContext = require('./useFormContext-4c3091dc.js');
+var FormFieldContext = require('./FormFieldContext-8418dc68.js');
+var useFormFieldContextProps = require('./useFormFieldContextProps-8c04ed0f.js');
 
-require('./useId-6c0eeb27.js');
-require('./CheckboxRadioField-0d5c9def.js');
+var useId = require('./useId-6c0eeb27.js');
+var CheckboxRadioField = require('./CheckboxRadioField-0d5c9def.js');
 require('./useCollectionFocusRing-5af82f66.js');
 require('./collectionUtils-d9fdec19.js');
 require('./keys-25710458.js');
@@ -237,9 +237,38 @@ require('./CheckboxRadioContext-3b134bd1.js');
 require('./LayoutStyles.css-73ce5266.js');
 
 
-
-
-exports.CheckboxSet = CheckboxSet.CheckboxSet;
-exports.CheckboxSetContext = CheckboxSet.CheckboxSetContext;
-exports.useCheckboxSetContext = CheckboxSet.useCheckboxSetContext;
+var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
+
+/**
+ * A CheckboxSet set allows the user to select one or more options from a set.
+ */
+const CheckboxSet = compat.forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, columnSpan, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, children, testId }, ref) => {
+    const hasValue = value !== undefined ? value.size > 0 : false;
+    const baseId = useId.useId();
+    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext.useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled ?? isFormDisabled;
+    const isReadonly = propIsReadonly ?? isFormReadonly;
+    const labelEdge = propLabelEdge ?? formLabelEdge;
+    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
+    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
+    const formFieldContext = useFormFieldContextProps.useFormFieldContextProps({
+        hasValue,
+        isDisabled,
+        isReadonly
+    });
+    const checkboxSetContext = hooks.useMemo(() => ({
+        name: baseId,
+        value,
+        onCommit
+    }), [baseId, onCommit, value]);
+    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
+    const childrenArray = preact.toChildArray(children).filter(Boolean);
+    const wrappedChildren = childrenArray.map((item) => jsxRuntime.jsx("li", { children: item }));
+    return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(CheckboxRadioField.CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, direction: direction, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "checkboxSet", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, role: "group", testId: testId, ref: ref, children: jsxRuntime.jsx(CheckboxSetContext.CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsxRuntime.jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }));
+});
+
+exports.CheckboxSetContext = CheckboxSetContext.CheckboxSetContext;
+exports.useCheckboxSetContext = CheckboxSetContext.useCheckboxSetContext;
+exports.CheckboxSet = CheckboxSet;
 //# sourceMappingURL=UNSAFE_CheckboxSet.js.map

package/cjs/UNSAFE_CheckboxSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["forwardRef","useId","useFormContext","useFormFieldContextProps","useMemo","toChildArray","_jsx","FormFieldContext","CheckboxRadioField","CheckboxSetContext"],"mappings":"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"}

package/cjs/UNSAFE_RichCheckboxSet.js

@@ -6,16 +6,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var compat = require('preact/compat');
-var CheckboxSet = require('./CheckboxSet-1bdbc419.js');
 var useId = require('./useId-6c0eeb27.js');
+var CheckboxSetContext = require('./CheckboxSetContext-c62db26d.js');
 var BaseRichSelection = require('./BaseRichSelection-e73cac1d.js');
 require('preact');
 require('./FormContext-9452bd30.js');
 require('./useFormContext-4c3091dc.js');
 require('./FormFieldContext-8418dc68.js');
 require('./useFormFieldContextProps-8c04ed0f.js');
-
-require('./CheckboxRadioField-0d5c9def.js');
 require('./useCollectionFocusRing-5af82f66.js');
 require('./collectionUtils-d9fdec19.js');
 require('./keys-25710458.js');
@@ -24,9 +22,18 @@ require('./useTranslationBundle-6b0281a9.js');
 require('./LayerHost-7182bfaf.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
+require('./Label-e0d15892.js');
+require('./useFormFieldContext-20f419ef.js');
+require('./classNames-c14c6ef3.js');
+require('./useComponentTheme-082fc8e4.js');
+require('./logger-2b636482.js');
+require('./TabbableModeContext-e99d527e.js');
+
+
+require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
+require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 require('./Flex-ce16a2fa.js');
 require('./useTestId-e267a39d.js');
-require('./classNames-c14c6ef3.js');
 require('./boxalignment-5fe0cc94.js');
 require('./size-37b7af59.js');
 require('./utils-7c0b6a81.js');
@@ -46,15 +53,6 @@ require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
 
-require('./Label-e0d15892.js');
-require('./useFormFieldContext-20f419ef.js');
-require('./useComponentTheme-082fc8e4.js');
-require('./logger-2b636482.js');
-require('./TabbableModeContext-e99d527e.js');
-
-
-require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
@@ -215,6 +213,7 @@ require('./useInputGroupContext-4c10bd57.js');
 require('./CheckboxRadioFieldStyles.css-7d820452.js');
 require('./useMessageSeverity-cfc4ae9d.js');
 
+require('./CheckboxRadioContext-3b134bd1.js');
 require('./LabelValueLayout-4049c1a1.js');
 
 require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
@@ -234,7 +233,6 @@ require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
 
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
 
-require('./CheckboxRadioContext-3b134bd1.js');
 require('./LayoutStyles.css-73ce5266.js');
 
 require('./Grid-b8fadf4a.js');
@@ -279,7 +277,7 @@ const RichCheckboxSet = compat.forwardRef(({ children, maxSelected, minSelected,
     if (hasMin && hasMax && minSelected > maxSelected) {
         throw new Error('RichCheckboxSet: minSelected should not be greater than maxSelected.');
     }
-    return (jsxRuntime.jsx(CheckboxSet.CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsxRuntime.jsx(BaseRichSelection.BaseRichSelection, { ...otherProps, baseId: baseId, ref: ref, selection: "multiple", value: value, children: children }) }));
+    return (jsxRuntime.jsx(CheckboxSetContext.CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsxRuntime.jsx(BaseRichSelection.BaseRichSelection, { ...otherProps, baseId: baseId, ref: ref, selection: "multiple", value: value, children: children }) }));
 });
 
 exports.RichCheckboxSet = RichCheckboxSet;

package/cjs/UNSAFE_RichCheckboxSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RichCheckboxSet.js","sources":["../../src/UNSAFE_RichCheckboxSet/RichCheckboxSet.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 */\n\nimport type { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseRichSelection } from '#PRIVATE_RichSelectionCommon';\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { CheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport type { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\n// Typing should stay in sync with BaseRichSelection. They cannot be imported directly\n// because BaseRichSelection is in a PRIVATE directory and will be removed in the production build.\ntype Props = TestIdProps &\n  Pick<AriaAttributesSignalExcluded, 'aria-describedby'> & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * Set of RichSelectionItems\n     */\n    children: ComponentChildren;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n    /**\n     * Specifies if the set is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the set is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the set requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the set.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field. Maps to \"top\" in forms using \"start\".\n     */\n    labelEdge?: 'none' | 'top' | 'inside';\n    /**\n     * Specifies the layout of the cards and media\n     */\n    layout: 'xl' | 'md' | 'sm';\n    /**\n     * Specifies the maximum number of selectable options. If both \"maxSelected\" and \"minSelected\" are defined,\n     * \"maxSelected\" must be greater than or equal to \"minSelected\" and at least 2.  To require an exact number\n     * of options to be selected, set \"maxSelected\" and \"minSelected\" to the same value.\n     */\n    maxSelected?: number;\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n    /**\n     * Specifies the minimum number of selectable options. If both \"minSelected\" and \"maxSelected\" are defined,\n     * \"minSelected\" must be less than or equal to \"maxSelected\" and at least 2. To require an exact number\n     * of options to be selected, set \"minSelected\" and \"maxSelected\" to the same value. To require at least one\n     * item to be selected, use \"isRequired\". To require exactly one item to be selected, use \"RichRadioSet\".\n     */\n    minSelected?: number;\n    /**\n     * Callback invoked each time the user changes selected option.\n     */\n    onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n    /**\n     * Specifies the density of the user assistance presentation.  It can be set to:\n     * <ul>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n    /**\n     * Value of the checkbox option.\n     */\n    value?: Set<string | number>;\n  };\n\n/**\n * A rich checkbox set allows the user to select options from a set of options.\n */\nexport const RichCheckboxSet = forwardRef(\n  (\n    { children, maxSelected, minSelected, onCommit: propOnCommit, value, ...otherProps }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const baseId = useId();\n    const hasMin = minSelected != null;\n    const hasMax = maxSelected != null;\n\n    const onCommit = useCallback(\n      (detail: ValueUpdateDetail<Set<string | number>>) => {\n        const { value: updateValue } = detail;\n        const hasValue = updateValue !== undefined && updateValue.size > 0;\n        const hasExceededLimit = hasValue && hasMax && updateValue.size > maxSelected;\n\n        // attempting to add a new value if hasExceededLimit will prevent propOnCommit from being called\n        !hasExceededLimit && propOnCommit?.(detail);\n      },\n      [maxSelected, hasMax, propOnCommit]\n    );\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // Runtime error checking\n    if (hasMin && minSelected < 2) {\n      throw new Error('RichCheckboxSet: minSelected should be equal to or greater than 2.');\n    }\n    if (hasMax && maxSelected < 2) {\n      throw new Error('RichCheckboxSet: maxSelected should be equal to or greater than 2.');\n    }\n    if (hasMin && hasMax && minSelected > maxSelected) {\n      throw new Error('RichCheckboxSet: minSelected should not be greater than maxSelected.');\n    }\n\n    return (\n      <CheckboxSetContext.Provider value={checkboxSetContext}>\n        <BaseRichSelection\n          {...otherProps}\n          baseId={baseId}\n          ref={ref}\n          selection=\"multiple\"\n          value={value}>\n          {children}\n        </BaseRichSelection>\n      </CheckboxSetContext.Provider>\n    );\n  }\n);\n"],"names":["forwardRef","useId","useCallback","useMemo","_jsx","CheckboxSetContext","BaseRichSelection"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA;;AAEG;AACU,MAAA,eAAe,GAAGA,iBAAU,CACvC,CACE,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,UAAU,EAAS,EAC3F,GAA0B,KACxB;AACF,IAAA,MAAM,MAAM,GAAGC,WAAK,EAAE,CAAC;AACvB,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,IAAI,CAAC;AACnC,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,QAAQ,GAAGC,iBAAW,CAC1B,CAAC,MAA+C,KAAI;AAClD,QAAA,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;QACtC,MAAM,QAAQ,GAAG,WAAW,KAAK,SAAS,IAAI,WAAW,CAAC,IAAI,GAAG,CAAC,CAAC;QACnE,MAAM,gBAAgB,GAAG,QAAQ,IAAI,MAAM,IAAI,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC;;AAG9E,QAAA,CAAC,gBAAgB,IAAI,YAAY,GAAG,MAAM,CAAC,CAAC;KAC7C,EACD,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,CAAC,CACpC,CAAC;AAEF,IAAA,MAAM,kBAAkB,GAAGC,aAAO,CAChC,OAAO;AACL,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,EACF,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC1B,CAAC;;AAGF,IAAA,IAAI,MAAM,IAAI,WAAW,GAAG,CAAC,EAAE;AAC7B,QAAA,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;KACvF;AACD,IAAA,IAAI,MAAM,IAAI,WAAW,GAAG,CAAC,EAAE;AAC7B,QAAA,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;KACvF;IACD,IAAI,MAAM,IAAI,MAAM,IAAI,WAAW,GAAG,WAAW,EAAE;AACjD,QAAA,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;KACzF;AAED,IAAA,QACEC,cAAA,CAACC,8BAAkB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,kBAAkB,YACpDD,cAAC,CAAAE,mCAAiB,EACZ,EAAA,GAAA,UAAU,EACd,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,KAAK,EACX,QAAA,EAAA,QAAQ,EACS,CAAA,EAAA,CACQ,EAC9B;AACJ,CAAC;;;;"}
+{"version":3,"file":"UNSAFE_RichCheckboxSet.js","sources":["../../src/UNSAFE_RichCheckboxSet/RichCheckboxSet.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 */\n\nimport type { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseRichSelection } from '#PRIVATE_RichSelectionCommon';\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { CheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport type { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\n// Typing should stay in sync with BaseRichSelection. They cannot be imported directly\n// because BaseRichSelection is in a PRIVATE directory and will be removed in the production build.\ntype Props = TestIdProps &\n  Pick<AriaAttributesSignalExcluded, 'aria-describedby'> & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * Set of RichSelectionItems\n     */\n    children: ComponentChildren;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n    /**\n     * Specifies if the set is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the set is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the set requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the set.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field. Maps to \"top\" in forms using \"start\".\n     */\n    labelEdge?: 'none' | 'top' | 'inside';\n    /**\n     * Specifies the layout of the cards and media\n     */\n    layout: 'xl' | 'md' | 'sm';\n    /**\n     * Specifies the maximum number of selectable options. If both \"maxSelected\" and \"minSelected\" are defined,\n     * \"maxSelected\" must be greater than or equal to \"minSelected\" and at least 2.  To require an exact number\n     * of options to be selected, set \"maxSelected\" and \"minSelected\" to the same value.\n     */\n    maxSelected?: number;\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n    /**\n     * Specifies the minimum number of selectable options. If both \"minSelected\" and \"maxSelected\" are defined,\n     * \"minSelected\" must be less than or equal to \"maxSelected\" and at least 2. To require an exact number\n     * of options to be selected, set \"minSelected\" and \"maxSelected\" to the same value. To require at least one\n     * item to be selected, use \"isRequired\". To require exactly one item to be selected, use \"RichRadioSet\".\n     */\n    minSelected?: number;\n    /**\n     * Callback invoked each time the user changes selected option.\n     */\n    onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n    /**\n     * Specifies the density of the user assistance presentation.  It can be set to:\n     * <ul>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n    /**\n     * Value of the checkbox option.\n     */\n    value?: Set<string | number>;\n  };\n\n/**\n * A rich checkbox set allows the user to select options from a set of options.\n */\nexport const RichCheckboxSet = forwardRef(\n  (\n    { children, maxSelected, minSelected, onCommit: propOnCommit, value, ...otherProps }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const baseId = useId();\n    const hasMin = minSelected != null;\n    const hasMax = maxSelected != null;\n\n    const onCommit = useCallback(\n      (detail: ValueUpdateDetail<Set<string | number>>) => {\n        const { value: updateValue } = detail;\n        const hasValue = updateValue !== undefined && updateValue.size > 0;\n        const hasExceededLimit = hasValue && hasMax && updateValue.size > maxSelected;\n\n        // attempting to add a new value if hasExceededLimit will prevent propOnCommit from being called\n        !hasExceededLimit && propOnCommit?.(detail);\n      },\n      [maxSelected, hasMax, propOnCommit]\n    );\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // Runtime error checking\n    if (hasMin && minSelected < 2) {\n      throw new Error('RichCheckboxSet: minSelected should be equal to or greater than 2.');\n    }\n    if (hasMax && maxSelected < 2) {\n      throw new Error('RichCheckboxSet: maxSelected should be equal to or greater than 2.');\n    }\n    if (hasMin && hasMax && minSelected > maxSelected) {\n      throw new Error('RichCheckboxSet: minSelected should not be greater than maxSelected.');\n    }\n\n    return (\n      <CheckboxSetContext.Provider value={checkboxSetContext}>\n        <BaseRichSelection\n          {...otherProps}\n          baseId={baseId}\n          ref={ref}\n          selection=\"multiple\"\n          value={value}>\n          {children}\n        </BaseRichSelection>\n      </CheckboxSetContext.Provider>\n    );\n  }\n);\n"],"names":["forwardRef","useId","useCallback","useMemo","_jsx","CheckboxSetContext","BaseRichSelection"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA;;AAEG;AACU,MAAA,eAAe,GAAGA,iBAAU,CACvC,CACE,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,UAAU,EAAS,EAC3F,GAA0B,KACxB;AACF,IAAA,MAAM,MAAM,GAAGC,WAAK,EAAE,CAAC;AACvB,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,IAAI,CAAC;AACnC,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,QAAQ,GAAGC,iBAAW,CAC1B,CAAC,MAA+C,KAAI;AAClD,QAAA,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;QACtC,MAAM,QAAQ,GAAG,WAAW,KAAK,SAAS,IAAI,WAAW,CAAC,IAAI,GAAG,CAAC,CAAC;QACnE,MAAM,gBAAgB,GAAG,QAAQ,IAAI,MAAM,IAAI,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC;;AAG9E,QAAA,CAAC,gBAAgB,IAAI,YAAY,GAAG,MAAM,CAAC,CAAC;KAC7C,EACD,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,CAAC,CACpC,CAAC;AAEF,IAAA,MAAM,kBAAkB,GAAGC,aAAO,CAChC,OAAO;AACL,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,EACF,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC1B,CAAC;;AAGF,IAAA,IAAI,MAAM,IAAI,WAAW,GAAG,CAAC,EAAE;AAC7B,QAAA,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;KACvF;AACD,IAAA,IAAI,MAAM,IAAI,WAAW,GAAG,CAAC,EAAE;AAC7B,QAAA,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;KACvF;IACD,IAAI,MAAM,IAAI,MAAM,IAAI,WAAW,GAAG,WAAW,EAAE;AACjD,QAAA,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;KACzF;AAED,IAAA,QACEC,cAAA,CAACC,qCAAkB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,kBAAkB,YACpDD,cAAC,CAAAE,mCAAiB,EACZ,EAAA,GAAA,UAAU,EACd,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,KAAK,EACX,QAAA,EAAA,QAAQ,EACS,CAAA,EAAA,CACQ,EAC9B;AACJ,CAAC;;;;"}