@bcgov/design-system-react-components 0.5.0-pr513 → 0.5.0-pr522
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +498 -325
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/types/components/Heading/Heading.d.ts +7 -0
- package/dist/cjs/types/components/Heading/index.d.ts +2 -0
- package/dist/cjs/types/components/Link/Link.d.ts +15 -0
- package/dist/cjs/types/components/Link/index.d.ts +2 -0
- package/dist/cjs/types/components/Text/Text.d.ts +8 -0
- package/dist/cjs/types/components/Text/index.d.ts +2 -0
- package/dist/cjs/types/components/index.d.ts +3 -0
- package/dist/esm/index.js +496 -326
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Heading/Heading.d.ts +7 -0
- package/dist/esm/types/components/Heading/index.d.ts +2 -0
- package/dist/esm/types/components/Link/Link.d.ts +15 -0
- package/dist/esm/types/components/Link/index.d.ts +2 -0
- package/dist/esm/types/components/Text/Text.d.ts +8 -0
- package/dist/esm/types/components/Text/index.d.ts +2 -0
- package/dist/esm/types/components/index.d.ts +3 -0
- package/dist/index.d.ts +28 -2
- package/package.json +15 -15
package/dist/esm/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import $dbSRa$react, { createContext, useMemo, cloneElement, useContext, useStat
|
|
|
3
3
|
import $iETbY$reactdom, { createPortal, flushSync } from 'react-dom';
|
|
4
4
|
|
|
5
5
|
function styleInject(css, ref) {
|
|
6
|
-
if ( ref ===
|
|
6
|
+
if ( ref === undefined ) ref = {};
|
|
7
7
|
var insertAt = ref.insertAt;
|
|
8
8
|
|
|
9
9
|
if (!css || typeof document === 'undefined') { return; }
|
|
@@ -29,8 +29,8 @@ function styleInject(css, ref) {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
var css_248z$o = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --surface-opacity-0: 0;\n --surface-opacity-10: 0.1;\n --surface-opacity-20: 0.2;\n --surface-opacity-30: 0.3;\n --surface-opacity-40: 0.4;\n --surface-opacity-50: 0.5;\n --surface-opacity-60: 0.6;\n --surface-opacity-70: 0.7;\n --surface-opacity-80: 0.8;\n --surface-opacity-90: 0.9;\n --surface-opacity-100: 1;\n --surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021; /* Default shadow for most content and UI elements */\n --surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Reduced shadow for secondary UI elements */\n --surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Standard shadow for UI elements like cards and buttons */\n --surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Larger shadow for emphasis. Use sparingly */\n --surface-color-primary-button-default: #013366; /* Default fill colour for primary buttons */\n --surface-color-primary-button-hover: #1E5189; /* Fill colour used when user hovers over primary button */\n --surface-color-primary-button-disabled: #EDEBE9; /* Fill colour for inactive primary buttons */\n --surface-color-primary-danger-button-default: #CE3E39; /* Default fill colour for buttons in danger/warning state */\n --surface-color-primary-danger-button-hover: #A2312D; /* Fill colour used when user hovers over danger/warning button */\n --surface-color-primary-danger-button-disabled: #EDEBE9; /* Default fill colour for disabled danger/warning button */\n --surface-color-primary-default: #013366; /* Default theme colour for components and layout */\n --surface-color-primary-hover: #1E5189; /* Hover variant of surface.color.primary.default */\n --surface-color-primary-pressed: #01264C; /* Selected/pressed variant of surface.color.primary.default */\n --surface-color-primary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.primary default */\n --surface-color-secondary-button-default: #FFFFFF; /* Fill colour for secondary buttons */\n --surface-color-secondary-button-hover: #EDEBE9; /* Fill colour used when user hovers over secondary button */\n --surface-color-secondary-button-disabled: #EDEBE9; /* Fill colour for inactive secondary buttons */\n --surface-color-secondary-default: #FFFFFF; /* Light theme colour for components and layout */\n --surface-color-secondary-hover: #EDEBE9; /* Hover variant of surface.color.secondary.default */\n --surface-color-secondary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.secondary.default */\n --surface-color-secondary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.secondary default */\n --surface-color-tertiary-button-default: rgba(255,255,255,0); /* Default fill colour for tertiary buttons */\n --surface-color-tertiary-button-hover: #ECEAE8; /* Fill colour used when user hovers over tertiary button */\n --surface-color-tertiary-button-disabled: #EDEBE9; /* Fill colour for inactive tertiary buttons */\n --surface-color-tertiary-default: #FFFFFF00; /* Alternative light theme colour for components and layout */\n --surface-color-tertiary-hover: #ECEAE8; /* Hover variant of surface.color.tertiary.default */\n --surface-color-tertiary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.tertiary.default */\n --surface-color-tertiary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.tertiary default */\n --surface-color-menus-default: #FFFFFF; /* Default fill colour for menu items */\n --surface-color-menus-hover: #EDEBE9; /* Fill colour used when user hovers over a menu item */\n --surface-color-forms-default: #FFFFFF; /* Default fill colour for form/input fields */\n --surface-color-forms-disabled: #EDEBE9; /* Fill colour for inactive/disabled form/input fields */\n --surface-color-background-white: #FFFFFF; /* White background */\n --surface-color-background-light-gray: #FAF9F8; /* Default background colour for layout */\n --surface-color-background-light-blue: #F1F8FE; /* Light blue background */\n --surface-color-background-dark-blue: #053662; /* Dark blue background */\n --surface-color-border-default: #D8D8D8; /* Lighter border colour for UI elements */\n --surface-color-border-medium: #898785; /* Default border colour for UI elements */\n --surface-color-border-dark: #353433; /* Used as a hover colour for form fields and inputs */\n --surface-color-border-active: #2E5DD7; /* Used as the active stroke colour for UI elements */\n --surface-color-overlay-default: rgba(0,0,0,0.45); /* Background overlay colour for images and modal dialogues */\n --support-surface-color-info: #F7F9FC;\n --support-surface-color-danger: #F4E1E2; /* Background colour for error, failure or danger messages */\n --support-surface-color-success: #F6FFF8; /* Background colour for success messages */\n --support-surface-color-warning: #FEF1D8; /* Background colour for warning messages */\n --support-border-color-info: #053662; /* Border stroke for general/informational messages */\n --support-border-color-danger: #CE3E39; /* Border stroke for error, failure or danger messages */\n --support-border-color-success: #42814A; /* Border stroke for success messages */\n --support-border-color-warning: #F8BB47; /* Border stroke for warning messages */\n --icons-size-xsmall: 14px; /* Smallest icon size */\n --icons-size-small: 16px;\n --icons-size-medium: 20px; /* Default icon size */\n --icons-size-large: 24px;\n --icons-size-xlarge: 32px; /* Largest icon size */\n --icons-color-primary: #2D2D2D; /* Default colour for icons */\n --icons-color-secondary: #474543; /* Alternative colour for secondary/miscellaneous icons */\n --icons-color-disabled: #9F9D9C; /* Use only for inactive/disabled icons */\n --icons-color-link: #255A90; /* Use for hyperlinked icons */\n --icons-color-info: #053662; /* Emphasis colour for icons in general/informational state */\n --icons-color-danger: #CE3E39; /* Emphasis colour for icons in error, failure or danger state */\n --icons-color-success: #42814A; /* Emphasis colour for icons in success state */\n --icons-color-warning: #F8BB47; /* Emphasis colour for icons in warning state */\n --icons-color-primary-invert: #FFFFFF; /* Default colour for icons on dark backgrounds */\n --layout-border-width-none: 0;\n --layout-border-width-small: 1px;\n --layout-border-width-medium: 2px;\n --layout-border-width-large: 4px;\n --layout-padding-none: 0; /* No padding */\n --layout-padding-hair: 0.125rem; /* Smallest padding value for layout */\n --layout-padding-xsmall: 0.25rem;\n --layout-padding-small: 0.5rem;\n --layout-padding-medium: 1rem; /* Default padding value for layout */\n --layout-padding-large: 1.5rem;\n --layout-padding-xlarge: 2rem; /* Largest padding value for layout */\n --layout-margin-none: 0rem; /* No margin */\n --layout-margin-hair: 0.125rem; /* Smallest margin value for layout */\n --layout-margin-xsmall: 0.25rem;\n --layout-margin-small: 0.5rem; /* Default margin value for layout */\n --layout-margin-medium: 1rem;\n --layout-margin-large: 1.5rem;\n --layout-margin-xlarge: 2rem;\n --layout-margin-xxlarge: 2.5rem;\n --layout-margin-xxxlarge: 3rem;\n --layout-margin-huge: 3.5rem; /* Largest margin value for layout */\n --layout-border-radius-none: 0;\n --layout-border-radius-small: 2px;\n --layout-border-radius-medium: 4px;\n --layout-border-radius-large: 6px;\n --layout-border-radius-circular: 9999px; /* Used for components with a circular radius */\n --typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */\n --typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */\n --typography-line-heights-xxdense: 1.313rem;\n --typography-line-heights-xdense: 1.688rem;\n --typography-line-heights-dense: 1.913rem;\n --typography-line-heights-regular: 2.125rem; /* Default line height */\n --typography-line-heights-sparse: 2.25rem;\n --typography-line-heights-xsparse: 3rem;\n --typography-line-heights-xxsparse: 3.375rem; /* Largest line height */\n --typography-line-heights-auto: AUTO; /* System token, used to generate type styles */\n --typography-font-weights-regular: 400; /* System token, used to generate text styles */\n --typography-font-weights-bold: 700; /* System token, used to generate text styles */\n --typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */\n --typography-font-weights-italic-style: italic; /* System token, used to generate text styles */\n --typography-font-size-label: 0.75rem;\n --typography-font-size-small-body: 0.875rem;\n --typography-font-size-body: 1rem;\n --typography-font-size-large-body: 1.125rem;\n --typography-font-size-h5: 1.25rem;\n --typography-font-size-h4: 1.5rem;\n --typography-font-size-h3: 1.75rem;\n --typography-font-size-h2: 2rem;\n --typography-font-size-h1: 2.25rem;\n --typography-font-size-display: 3rem;\n --typography-letter-spacing-0: 0em; /* System token, used to generate type styles */\n --typography-paragraph-spacing-0: 0; /* System token, used to generate type styles */\n --typography-regular-label: 400 0.75rem/1.125rem 'BC Sans'; /* Labels and captions */\n --typography-regular-small-body: 400 0.875rem/1.313rem 'BC Sans'; /* Smaller body text */\n --typography-regular-body: 400 1rem/1.688rem 'BC Sans'; /* Default body text */\n --typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans'; /* Larger body text */\n --typography-regular-h6: 400 1.125rem/1.913rem 'BC Sans'; /* Alternate (unbolded) style for Heading 6 */\n --typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans'; /* Alternate (unbolded) style for Heading 5 */\n --typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans'; /* Alternate (unbolded) style for Heading 4 */\n --typography-regular-h3: 400 1.75rem/3rem 'BC Sans'; /* Alternate (unbolded) style for Heading 3 */\n --typography-regular-h2: 400 2rem/3.375rem 'BC Sans'; /* Alternate (unbolded) style for Heading 2 */\n --typography-regular-h1: 400 2.25rem/3rem 'BC Sans'; /* Alternate (unbolded) style for Heading 1 */\n --typography-regular-display: 400 3rem/AUTO 'BC Sans'; /* Extra-large body text size. Do not use for headings */\n --typography-bold-label: 700 0.75rem/1.125rem 'BC Sans'; /* Labels and captions (bolded) */\n --typography-bold-small-body: 700 0.875rem/1.313rem 'BC Sans'; /* Default for small body text (bolded) */\n --typography-bold-body: 700 1rem/1.688rem 'BC Sans'; /* Default for body text (bolded) */\n --typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans'; /* Larger text size for body text (bolded) */\n --typography-bold-h6: 700 1.125rem/1.913rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H6 */\n --typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H5 */\n --typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H4 */\n --typography-bold-h3: 700 1.75rem/3rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H3 */\n --typography-bold-h2: 700 2rem/3rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H2 */\n --typography-bold-h1: 700 2.25rem/3.375rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H1 */\n --typography-bold-display: 700 3rem/AUTO 'BC Sans'; /* Extra-large font size (bolded). Do not use for headings */\n --typography-italic-label: 400 italic 0.75rem/1.125rem 'BC Sans'; /* Labels and captions (italic) */\n --typography-italic-small-body: 400 italic 0.875rem/1.313rem 'BC Sans'; /* Small body text (italic) */\n --typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans'; /* Default for body text (italic) */\n --typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans'; /* Larger text size for body text (italic) */\n --typography-italic-h6: 400 italic 1.125rem/1.913rem 'BC Sans'; /* Alternate (italic) style for Heading 6 */\n --typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans'; /* Alternate (italic) style for Heading 5 */\n --typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans'; /* Alternate (italic) style for Heading 4 */\n --typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans'; /* Alternate (italic) style for Heading 3 */\n --typography-italic-h2: 400 italic 2rem/3rem 'BC Sans'; /* Alternate (italic) style for Heading 2 */\n --typography-italic-h1: 400 italic 2.25rem/3.375rem 'BC Sans'; /* Alternate (italic) style for Heading 1 */\n --typography-italic-display: 400 italic 3rem/AUTO 'BC Sans'; /* Extra-large font size (italic). Do not use for headings */\n --typography-text-case-none: none;\n --typography-text-decoration-none: none; /* System token, used to generate type styles */\n --typography-paragraph-indent-0: 0px; /* System token, used to generate type styles */\n --typography-color-primary: #2D2D2D; /* Default colour for all body text and headings */\n --typography-color-secondary: #474543; /* Alternative colour for secondary/miscellaneous text */\n --typography-color-placeholder: #9F9D9C; /* Use for placeholder text in forms */\n --typography-color-disabled: #9F9D9C; /* Use only for text in inactive user interface elements */\n --typography-color-link: #255A90; /* Use for hyperlinks in body text and headings */\n --typography-color-danger: #CE3E39; /* Use for error, failure or danger message text */\n --typography-color-primary-invert: #FFFFFF; /* Default colour for text on dark backgrounds */\n --typography-color-secondary-invert: #ECEAE8; /* Secondary colour for text on dark backgrounds */\n --theme-gold-10: #FEF8E8; /* Gold scale — lightest */\n --theme-gold-20: #FEF0D8; /* Gold scale */\n --theme-gold-30: #FDE9C4; /* Gold scale */\n --theme-gold-40: #FCE2B0; /* Gold scale */\n --theme-gold-50: #FBDA9D; /* Gold scale */\n --theme-gold-60: #FBD389; /* Gold scale */\n --theme-gold-70: #FACC75; /* Gold scale */\n --theme-gold-80: #F9C462; /* Gold scale */\n --theme-gold-90: #F8BA47; /* Gold scale */\n --theme-gold-100: #FCBA19; /* Gold scale — darkest */\n --theme-blue-10: #F1F8FE; /* Blue scale — lightest */\n --theme-blue-20: #D8EAFD; /* Blue scale */\n --theme-blue-30: #C1DDFC; /* Blue scale */\n --theme-blue-40: #A8D0FB; /* Blue scale */\n --theme-blue-50: #91C4FA; /* Blue scale */\n --theme-blue-60: #7AB8F9; /* Blue scale */\n --theme-blue-70: #5595D9; /* Blue scale */\n --theme-blue-80: #3470B1; /* Blue scale */\n --theme-blue-90: #1E5189; /* Blue scale */\n --theme-blue-100: #013366; /* Blue scale — darkest */\n --theme-gray-10: #FAF9F8; /* Greyscale — lightest */\n --theme-gray-20: #F3F2F1; /* Greyscale */\n --theme-gray-30: #ECEAE8; /* Greyscale */\n --theme-gray-40: #E0DEDC; /* Greyscale */\n --theme-gray-50: #D1CFCD; /* Greyscale */\n --theme-gray-60: #C6C5C3; /* Greyscale */\n --theme-gray-70: #9F9D9C; /* Greyscale */\n --theme-gray-80: #605E5C; /* Greyscale */\n --theme-gray-90: #3D3C3B; /* Greyscale */\n --theme-gray-100: #353433; /* Greyscale */\n --theme-gray-110: #252423; /* Greyscale — darkest */\n --theme-gray-white: #FFFFFF; /* White */\n --theme-primary-blue: #013366; /* Primary Blue (Blue 100) */\n --theme-primary-gold: #FCBA19; /* Primary Gold (Gold 100) */\n}\n";
|
|
33
|
-
styleInject(css_248z$
|
|
32
|
+
var css_248z$r = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --surface-opacity-0: 0;\n --surface-opacity-10: 0.1;\n --surface-opacity-20: 0.2;\n --surface-opacity-30: 0.3;\n --surface-opacity-40: 0.4;\n --surface-opacity-50: 0.5;\n --surface-opacity-60: 0.6;\n --surface-opacity-70: 0.7;\n --surface-opacity-80: 0.8;\n --surface-opacity-90: 0.9;\n --surface-opacity-100: 1;\n --surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021; /* Default shadow for most content and UI elements */\n --surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Reduced shadow for secondary UI elements */\n --surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Standard shadow for UI elements like cards and buttons */\n --surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Larger shadow for emphasis. Use sparingly */\n --surface-color-primary-button-default: #013366; /* Default fill colour for primary buttons */\n --surface-color-primary-button-hover: #1E5189; /* Fill colour used when user hovers over primary button */\n --surface-color-primary-button-disabled: #EDEBE9; /* Fill colour for inactive primary buttons */\n --surface-color-primary-danger-button-default: #CE3E39; /* Default fill colour for buttons in danger/warning state */\n --surface-color-primary-danger-button-hover: #A2312D; /* Fill colour used when user hovers over danger/warning button */\n --surface-color-primary-danger-button-disabled: #EDEBE9; /* Default fill colour for disabled danger/warning button */\n --surface-color-primary-default: #013366; /* Default theme colour for components and layout */\n --surface-color-primary-hover: #1E5189; /* Hover variant of surface.color.primary.default */\n --surface-color-primary-pressed: #01264C; /* Selected/pressed variant of surface.color.primary.default */\n --surface-color-primary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.primary default */\n --surface-color-secondary-button-default: #FFFFFF; /* Fill colour for secondary buttons */\n --surface-color-secondary-button-hover: #EDEBE9; /* Fill colour used when user hovers over secondary button */\n --surface-color-secondary-button-disabled: #EDEBE9; /* Fill colour for inactive secondary buttons */\n --surface-color-secondary-default: #FFFFFF; /* Light theme colour for components and layout */\n --surface-color-secondary-hover: #EDEBE9; /* Hover variant of surface.color.secondary.default */\n --surface-color-secondary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.secondary.default */\n --surface-color-secondary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.secondary default */\n --surface-color-tertiary-button-default: rgba(255,255,255,0); /* Default fill colour for tertiary buttons */\n --surface-color-tertiary-button-hover: #ECEAE8; /* Fill colour used when user hovers over tertiary button */\n --surface-color-tertiary-button-disabled: #EDEBE9; /* Fill colour for inactive tertiary buttons */\n --surface-color-tertiary-default: #FFFFFF00; /* Alternative light theme colour for components and layout */\n --surface-color-tertiary-hover: #ECEAE8; /* Hover variant of surface.color.tertiary.default */\n --surface-color-tertiary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.tertiary.default */\n --surface-color-tertiary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.tertiary default */\n --surface-color-menus-default: #FFFFFF; /* Default fill colour for menu items */\n --surface-color-menus-hover: #EDEBE9; /* Fill colour used when user hovers over a menu item */\n --surface-color-forms-default: #FFFFFF; /* Default fill colour for form/input fields */\n --surface-color-forms-disabled: #EDEBE9; /* Fill colour for inactive/disabled form/input fields */\n --surface-color-background-white: #FFFFFF; /* White background */\n --surface-color-background-light-gray: #FAF9F8; /* Default background colour for layout */\n --surface-color-background-light-blue: #F1F8FE; /* Light blue background */\n --surface-color-background-dark-blue: #053662; /* Dark blue background */\n --surface-color-border-default: #D8D8D8; /* Lighter border colour for UI elements */\n --surface-color-border-medium: #898785; /* Default border colour for UI elements */\n --surface-color-border-dark: #353433; /* Used as a hover colour for form fields and inputs */\n --surface-color-border-active: #2E5DD7; /* Used as the active stroke colour for UI elements */\n --surface-color-overlay-default: rgba(0,0,0,0.45); /* Background overlay colour for images and modal dialogues */\n --support-surface-color-info: #F7F9FC;\n --support-surface-color-danger: #F4E1E2; /* Background colour for error, failure or danger messages */\n --support-surface-color-success: #F6FFF8; /* Background colour for success messages */\n --support-surface-color-warning: #FEF1D8; /* Background colour for warning messages */\n --support-border-color-info: #053662; /* Border stroke for general/informational messages */\n --support-border-color-danger: #CE3E39; /* Border stroke for error, failure or danger messages */\n --support-border-color-success: #42814A; /* Border stroke for success messages */\n --support-border-color-warning: #F8BB47; /* Border stroke for warning messages */\n --icons-size-xsmall: 14px; /* Smallest icon size */\n --icons-size-small: 16px;\n --icons-size-medium: 20px; /* Default icon size */\n --icons-size-large: 24px;\n --icons-size-xlarge: 32px; /* Largest icon size */\n --icons-color-primary: #2D2D2D; /* Default colour for icons */\n --icons-color-secondary: #474543; /* Alternative colour for secondary/miscellaneous icons */\n --icons-color-disabled: #9F9D9C; /* Use only for inactive/disabled icons */\n --icons-color-link: #255A90; /* Use for hyperlinked icons */\n --icons-color-info: #053662; /* Emphasis colour for icons in general/informational state */\n --icons-color-danger: #CE3E39; /* Emphasis colour for icons in error, failure or danger state */\n --icons-color-success: #42814A; /* Emphasis colour for icons in success state */\n --icons-color-warning: #F8BB47; /* Emphasis colour for icons in warning state */\n --icons-color-primary-invert: #FFFFFF; /* Default colour for icons on dark backgrounds */\n --layout-border-width-none: 0;\n --layout-border-width-small: 1px;\n --layout-border-width-medium: 2px;\n --layout-border-width-large: 4px;\n --layout-padding-none: 0; /* No padding */\n --layout-padding-hair: 0.125rem; /* Smallest padding value for layout */\n --layout-padding-xsmall: 0.25rem;\n --layout-padding-small: 0.5rem;\n --layout-padding-medium: 1rem; /* Default padding value for layout */\n --layout-padding-large: 1.5rem;\n --layout-padding-xlarge: 2rem; /* Largest padding value for layout */\n --layout-margin-none: 0rem; /* No margin */\n --layout-margin-hair: 0.125rem; /* Smallest margin value for layout */\n --layout-margin-xsmall: 0.25rem;\n --layout-margin-small: 0.5rem; /* Default margin value for layout */\n --layout-margin-medium: 1rem;\n --layout-margin-large: 1.5rem;\n --layout-margin-xlarge: 2rem;\n --layout-margin-xxlarge: 2.5rem;\n --layout-margin-xxxlarge: 3rem;\n --layout-margin-huge: 3.5rem; /* Largest margin value for layout */\n --layout-border-radius-none: 0;\n --layout-border-radius-small: 2px;\n --layout-border-radius-medium: 4px;\n --layout-border-radius-large: 6px;\n --layout-border-radius-circular: 9999px; /* Used for components with a circular radius */\n --typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */\n --typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */\n --typography-line-heights-xxdense: 1.313rem;\n --typography-line-heights-xdense: 1.688rem;\n --typography-line-heights-dense: 1.913rem;\n --typography-line-heights-regular: 2.125rem; /* Default line height */\n --typography-line-heights-sparse: 2.25rem;\n --typography-line-heights-xsparse: 3rem;\n --typography-line-heights-xxsparse: 3.375rem; /* Largest line height */\n --typography-line-heights-auto: AUTO; /* System token, used to generate type styles */\n --typography-font-weights-regular: 400; /* System token, used to generate text styles */\n --typography-font-weights-bold: 700; /* System token, used to generate text styles */\n --typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */\n --typography-font-weights-italic-style: italic; /* System token, used to generate text styles */\n --typography-font-size-label: 0.75rem;\n --typography-font-size-small-body: 0.875rem;\n --typography-font-size-body: 1rem;\n --typography-font-size-large-body: 1.125rem;\n --typography-font-size-h5: 1.25rem;\n --typography-font-size-h4: 1.5rem;\n --typography-font-size-h3: 1.75rem;\n --typography-font-size-h2: 2rem;\n --typography-font-size-h1: 2.25rem;\n --typography-font-size-display: 3rem;\n --typography-letter-spacing-0: 0em; /* System token, used to generate type styles */\n --typography-paragraph-spacing-0: 0; /* System token, used to generate type styles */\n --typography-regular-label: 400 0.75rem/1.125rem 'BC Sans'; /* Labels and captions */\n --typography-regular-small-body: 400 0.875rem/1.313rem 'BC Sans'; /* Smaller body text */\n --typography-regular-body: 400 1rem/1.688rem 'BC Sans'; /* Default body text */\n --typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans'; /* Larger body text */\n --typography-regular-h6: 400 1.125rem/1.913rem 'BC Sans'; /* Alternate (unbolded) style for Heading 6 */\n --typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans'; /* Alternate (unbolded) style for Heading 5 */\n --typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans'; /* Alternate (unbolded) style for Heading 4 */\n --typography-regular-h3: 400 1.75rem/3rem 'BC Sans'; /* Alternate (unbolded) style for Heading 3 */\n --typography-regular-h2: 400 2rem/3.375rem 'BC Sans'; /* Alternate (unbolded) style for Heading 2 */\n --typography-regular-h1: 400 2.25rem/3rem 'BC Sans'; /* Alternate (unbolded) style for Heading 1 */\n --typography-regular-display: 400 3rem/AUTO 'BC Sans'; /* Extra-large body text size. Do not use for headings */\n --typography-bold-label: 700 0.75rem/1.125rem 'BC Sans'; /* Labels and captions (bolded) */\n --typography-bold-small-body: 700 0.875rem/1.313rem 'BC Sans'; /* Default for small body text (bolded) */\n --typography-bold-body: 700 1rem/1.688rem 'BC Sans'; /* Default for body text (bolded) */\n --typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans'; /* Larger text size for body text (bolded) */\n --typography-bold-h6: 700 1.125rem/1.913rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H6 */\n --typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H5 */\n --typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H4 */\n --typography-bold-h3: 700 1.75rem/3rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H3 */\n --typography-bold-h2: 700 2rem/3rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H2 */\n --typography-bold-h1: 700 2.25rem/3.375rem 'BC Sans'; /* Default style for Heading 6. Includes all sizing/spacing values for H1 */\n --typography-bold-display: 700 3rem/AUTO 'BC Sans'; /* Extra-large font size (bolded). Do not use for headings */\n --typography-italic-label: 400 italic 0.75rem/1.125rem 'BC Sans'; /* Labels and captions (italic) */\n --typography-italic-small-body: 400 italic 0.875rem/1.313rem 'BC Sans'; /* Small body text (italic) */\n --typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans'; /* Default for body text (italic) */\n --typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans'; /* Larger text size for body text (italic) */\n --typography-italic-h6: 400 italic 1.125rem/1.913rem 'BC Sans'; /* Alternate (italic) style for Heading 6 */\n --typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans'; /* Alternate (italic) style for Heading 5 */\n --typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans'; /* Alternate (italic) style for Heading 4 */\n --typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans'; /* Alternate (italic) style for Heading 3 */\n --typography-italic-h2: 400 italic 2rem/3rem 'BC Sans'; /* Alternate (italic) style for Heading 2 */\n --typography-italic-h1: 400 italic 2.25rem/3.375rem 'BC Sans'; /* Alternate (italic) style for Heading 1 */\n --typography-italic-display: 400 italic 3rem/AUTO 'BC Sans'; /* Extra-large font size (italic). Do not use for headings */\n --typography-text-case-none: none;\n --typography-text-decoration-none: none; /* System token, used to generate type styles */\n --typography-paragraph-indent-0: 0px; /* System token, used to generate type styles */\n --typography-color-primary: #2D2D2D; /* Default colour for all body text and headings */\n --typography-color-secondary: #474543; /* Alternative colour for secondary/miscellaneous text */\n --typography-color-placeholder: #9F9D9C; /* Use for placeholder text in forms */\n --typography-color-disabled: #9F9D9C; /* Use only for text in inactive user interface elements */\n --typography-color-link: #255A90; /* Use for hyperlinks in body text and headings */\n --typography-color-danger: #CE3E39; /* Use for error, failure or danger message text */\n --typography-color-primary-invert: #FFFFFF; /* Default colour for text on dark backgrounds */\n --typography-color-secondary-invert: #ECEAE8; /* Secondary colour for text on dark backgrounds */\n --theme-gold-10: #FEF8E8; /* Gold scale — lightest */\n --theme-gold-20: #FEF0D8; /* Gold scale */\n --theme-gold-30: #FDE9C4; /* Gold scale */\n --theme-gold-40: #FCE2B0; /* Gold scale */\n --theme-gold-50: #FBDA9D; /* Gold scale */\n --theme-gold-60: #FBD389; /* Gold scale */\n --theme-gold-70: #FACC75; /* Gold scale */\n --theme-gold-80: #F9C462; /* Gold scale */\n --theme-gold-90: #F8BA47; /* Gold scale */\n --theme-gold-100: #FCBA19; /* Gold scale — darkest */\n --theme-blue-10: #F1F8FE; /* Blue scale — lightest */\n --theme-blue-20: #D8EAFD; /* Blue scale */\n --theme-blue-30: #C1DDFC; /* Blue scale */\n --theme-blue-40: #A8D0FB; /* Blue scale */\n --theme-blue-50: #91C4FA; /* Blue scale */\n --theme-blue-60: #7AB8F9; /* Blue scale */\n --theme-blue-70: #5595D9; /* Blue scale */\n --theme-blue-80: #3470B1; /* Blue scale */\n --theme-blue-90: #1E5189; /* Blue scale */\n --theme-blue-100: #013366; /* Blue scale — darkest */\n --theme-gray-10: #FAF9F8; /* Greyscale — lightest */\n --theme-gray-20: #F3F2F1; /* Greyscale */\n --theme-gray-30: #ECEAE8; /* Greyscale */\n --theme-gray-40: #E0DEDC; /* Greyscale */\n --theme-gray-50: #D1CFCD; /* Greyscale */\n --theme-gray-60: #C6C5C3; /* Greyscale */\n --theme-gray-70: #9F9D9C; /* Greyscale */\n --theme-gray-80: #605E5C; /* Greyscale */\n --theme-gray-90: #3D3C3B; /* Greyscale */\n --theme-gray-100: #353433; /* Greyscale */\n --theme-gray-110: #252423; /* Greyscale — darkest */\n --theme-gray-white: #FFFFFF; /* White */\n --theme-primary-blue: #013366; /* Primary Blue (Blue 100) */\n --theme-primary-gold: #FCBA19; /* Primary Gold (Gold 100) */\n}\n";
|
|
33
|
+
styleInject(css_248z$r);
|
|
34
34
|
|
|
35
35
|
/*
|
|
36
36
|
* Copyright 2024 Adobe. All rights reserved.
|
|
@@ -119,7 +119,7 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
|
|
|
119
119
|
return {
|
|
120
120
|
*[Symbol.iterator] () {
|
|
121
121
|
let parent = keyMap.get(key);
|
|
122
|
-
let node = (parent === null || parent ===
|
|
122
|
+
let node = (parent === null || parent === undefined ? undefined : parent.firstChildKey) != null ? keyMap.get(parent.firstChildKey) : null;
|
|
123
123
|
while(node){
|
|
124
124
|
yield node;
|
|
125
125
|
node = node.nextKey != null ? keyMap.get(node.nextKey) : undefined;
|
|
@@ -134,7 +134,7 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
|
|
|
134
134
|
node = this.keyMap.get(node.prevKey);
|
|
135
135
|
while(node && node.type !== 'item' && node.lastChildKey != null)node = this.keyMap.get(node.lastChildKey);
|
|
136
136
|
var _node_key;
|
|
137
|
-
return (_node_key = node === null || node ===
|
|
137
|
+
return (_node_key = node === null || node === undefined ? undefined : node.key) !== null && _node_key !== undefined ? _node_key : null;
|
|
138
138
|
}
|
|
139
139
|
return node.parentKey;
|
|
140
140
|
}
|
|
@@ -154,13 +154,13 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
|
|
|
154
154
|
}
|
|
155
155
|
getLastKey() {
|
|
156
156
|
let node = this.lastKey != null ? this.keyMap.get(this.lastKey) : null;
|
|
157
|
-
while((node === null || node ===
|
|
157
|
+
while((node === null || node === undefined ? undefined : node.lastChildKey) != null)node = this.keyMap.get(node.lastChildKey);
|
|
158
158
|
var _node_key;
|
|
159
|
-
return (_node_key = node === null || node ===
|
|
159
|
+
return (_node_key = node === null || node === undefined ? undefined : node.key) !== null && _node_key !== undefined ? _node_key : null;
|
|
160
160
|
}
|
|
161
161
|
getItem(key) {
|
|
162
162
|
var _this_keyMap_get;
|
|
163
|
-
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !==
|
|
163
|
+
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== undefined ? _this_keyMap_get : null;
|
|
164
164
|
}
|
|
165
165
|
at() {
|
|
166
166
|
throw new Error('Not implemented');
|
|
@@ -254,7 +254,7 @@ class $681cc3c98f569e39$export$410b0c854570d131 {
|
|
|
254
254
|
}
|
|
255
255
|
get isConnected() {
|
|
256
256
|
var _this_parentNode;
|
|
257
|
-
return ((_this_parentNode = this.parentNode) === null || _this_parentNode ===
|
|
257
|
+
return ((_this_parentNode = this.parentNode) === null || _this_parentNode === undefined ? undefined : _this_parentNode.isConnected) || false;
|
|
258
258
|
}
|
|
259
259
|
appendChild(child) {
|
|
260
260
|
this.ownerDocument.startTransaction();
|
|
@@ -348,14 +348,14 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
|
|
|
348
348
|
node.level = this.level;
|
|
349
349
|
node.parentKey = this.parentNode instanceof $681cc3c98f569e39$export$dc064fe9e59310fd ? this.parentNode.node.key : null;
|
|
350
350
|
var _this_previousSibling_node_key;
|
|
351
|
-
node.prevKey = (_this_previousSibling_node_key = (_this_previousSibling = this.previousSibling) === null || _this_previousSibling ===
|
|
351
|
+
node.prevKey = (_this_previousSibling_node_key = (_this_previousSibling = this.previousSibling) === null || _this_previousSibling === undefined ? undefined : _this_previousSibling.node.key) !== null && _this_previousSibling_node_key !== undefined ? _this_previousSibling_node_key : null;
|
|
352
352
|
var _this_nextSibling_node_key;
|
|
353
|
-
node.nextKey = (_this_nextSibling_node_key = (_this_nextSibling = this.nextSibling) === null || _this_nextSibling ===
|
|
353
|
+
node.nextKey = (_this_nextSibling_node_key = (_this_nextSibling = this.nextSibling) === null || _this_nextSibling === undefined ? undefined : _this_nextSibling.node.key) !== null && _this_nextSibling_node_key !== undefined ? _this_nextSibling_node_key : null;
|
|
354
354
|
node.hasChildNodes = !!this.firstChild;
|
|
355
355
|
var _this_firstChild_node_key;
|
|
356
|
-
node.firstChildKey = (_this_firstChild_node_key = (_this_firstChild = this.firstChild) === null || _this_firstChild ===
|
|
356
|
+
node.firstChildKey = (_this_firstChild_node_key = (_this_firstChild = this.firstChild) === null || _this_firstChild === undefined ? undefined : _this_firstChild.node.key) !== null && _this_firstChild_node_key !== undefined ? _this_firstChild_node_key : null;
|
|
357
357
|
var _this_lastChild_node_key;
|
|
358
|
-
node.lastChildKey = (_this_lastChild_node_key = (_this_lastChild = this.lastChild) === null || _this_lastChild ===
|
|
358
|
+
node.lastChildKey = (_this_lastChild_node_key = (_this_lastChild = this.lastChild) === null || _this_lastChild === undefined ? undefined : _this_lastChild.node.key) !== null && _this_lastChild_node_key !== undefined ? _this_lastChild_node_key : null;
|
|
359
359
|
}
|
|
360
360
|
setProps(obj, ref, rendered, render) {
|
|
361
361
|
let node = this.ownerDocument.getMutableNode(this);
|
|
@@ -459,7 +459,7 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
|
|
|
459
459
|
let collection = this.getMutableCollection();
|
|
460
460
|
for (let element of this.mutatedNodes)if (element.isConnected) collection.addNode(element.node);
|
|
461
461
|
var _this_firstChild_node_key, _this_lastChild_node_key;
|
|
462
|
-
collection.commit((_this_firstChild_node_key = (_this_firstChild = this.firstChild) === null || _this_firstChild ===
|
|
462
|
+
collection.commit((_this_firstChild_node_key = (_this_firstChild = this.firstChild) === null || _this_firstChild === undefined ? undefined : _this_firstChild.node.key) !== null && _this_firstChild_node_key !== undefined ? _this_firstChild_node_key : null, (_this_lastChild_node_key = (_this_lastChild = this.lastChild) === null || _this_lastChild === undefined ? undefined : _this_lastChild.node.key) !== null && _this_lastChild_node_key !== undefined ? _this_lastChild_node_key : null, this.isSSR);
|
|
463
463
|
this.mutatedNodes.clear();
|
|
464
464
|
}
|
|
465
465
|
this.collectionMutated = false;
|
|
@@ -516,7 +516,7 @@ function $e948873055cbafe4$export$727c8fc270210f13(props) {
|
|
|
516
516
|
rendered = children(item);
|
|
517
517
|
var _rendered_props_id, _ref;
|
|
518
518
|
// @ts-ignore
|
|
519
|
-
let key = (_ref = (_rendered_props_id = rendered.props.id) !== null && _rendered_props_id !==
|
|
519
|
+
let key = (_ref = (_rendered_props_id = rendered.props.id) !== null && _rendered_props_id !== undefined ? _rendered_props_id : item.key) !== null && _ref !== undefined ? _ref : item.id;
|
|
520
520
|
if (key == null) throw new Error('Could not determine key for item');
|
|
521
521
|
if (idScope) key = idScope + ':' + key;
|
|
522
522
|
// Note: only works if wrapped Item passes through id...
|
|
@@ -585,7 +585,7 @@ function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
|
|
|
585
585
|
// a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
|
|
586
586
|
// Since React runs the second render immediately after the first, this is safe.
|
|
587
587
|
// @ts-ignore
|
|
588
|
-
let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ($dbSRa$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED ===
|
|
588
|
+
let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ($dbSRa$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === undefined ? undefined : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === undefined ? undefined : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
|
|
589
589
|
if (currentOwner) {
|
|
590
590
|
let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
|
|
591
591
|
if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
|
|
@@ -737,7 +737,7 @@ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
|
737
737
|
// @ts-ignore
|
|
738
738
|
return (useCallback)((...args)=>{
|
|
739
739
|
const f = ref.current;
|
|
740
|
-
return f === null || f ===
|
|
740
|
+
return f === null || f === undefined ? undefined : f(...args);
|
|
741
741
|
}, []);
|
|
742
742
|
}
|
|
743
743
|
|
|
@@ -894,7 +894,7 @@ function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
|
|
|
894
894
|
|
|
895
895
|
const $431fbd86ca7dc216$export$b204af158042fbac = (el)=>{
|
|
896
896
|
var _el_ownerDocument;
|
|
897
|
-
return (_el_ownerDocument = el === null || el ===
|
|
897
|
+
return (_el_ownerDocument = el === null || el === undefined ? undefined : el.ownerDocument) !== null && _el_ownerDocument !== undefined ? _el_ownerDocument : document;
|
|
898
898
|
};
|
|
899
899
|
const $431fbd86ca7dc216$export$f21a1ffae260145a = (el)=>{
|
|
900
900
|
if (el && 'window' in el && el.window === el) return el;
|
|
@@ -992,7 +992,7 @@ const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
|
|
|
992
992
|
function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
|
|
993
993
|
let { labelable: labelable, isLink: isLink, propNames: propNames } = opts;
|
|
994
994
|
let filteredProps = {};
|
|
995
|
-
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || (propNames === null || propNames ===
|
|
995
|
+
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || (propNames === null || propNames === undefined ? undefined : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
|
|
996
996
|
return filteredProps;
|
|
997
997
|
}
|
|
998
998
|
|
|
@@ -1073,11 +1073,11 @@ function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
|
|
|
1073
1073
|
*/ function $c87311424ea30a05$var$testUserAgent(re) {
|
|
1074
1074
|
var _window_navigator_userAgentData;
|
|
1075
1075
|
if (typeof window === 'undefined' || window.navigator == null) return false;
|
|
1076
|
-
return ((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData ===
|
|
1076
|
+
return ((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData === undefined ? undefined : _window_navigator_userAgentData.brands.some((brand)=>re.test(brand.brand))) || re.test(window.navigator.userAgent);
|
|
1077
1077
|
}
|
|
1078
1078
|
function $c87311424ea30a05$var$testPlatform(re) {
|
|
1079
1079
|
var _window_navigator_userAgentData;
|
|
1080
|
-
return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData ===
|
|
1080
|
+
return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData === undefined ? undefined : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;
|
|
1081
1081
|
}
|
|
1082
1082
|
function $c87311424ea30a05$var$cached(fn) {
|
|
1083
1083
|
let res = null;
|
|
@@ -1136,6 +1136,14 @@ const $ea8dcbcb9ea1b556$var$RouterContext = /*#__PURE__*/ (createContext)({
|
|
|
1136
1136
|
function $ea8dcbcb9ea1b556$export$9a302a45f65d0572() {
|
|
1137
1137
|
return (useContext)($ea8dcbcb9ea1b556$var$RouterContext);
|
|
1138
1138
|
}
|
|
1139
|
+
function $ea8dcbcb9ea1b556$export$efa8c9099e530235(link, modifiers) {
|
|
1140
|
+
// Use getAttribute here instead of link.target. Firefox will default link.target to "_parent" when inside an iframe.
|
|
1141
|
+
let target = link.getAttribute('target');
|
|
1142
|
+
return (!target || target === '_self') && link.origin === location.origin && !link.hasAttribute('download') && !modifiers.metaKey && // open in new tab (mac)
|
|
1143
|
+
!modifiers.ctrlKey && // open in new tab (windows)
|
|
1144
|
+
!modifiers.altKey && // download
|
|
1145
|
+
!modifiers.shiftKey;
|
|
1146
|
+
}
|
|
1139
1147
|
function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening = true) {
|
|
1140
1148
|
var _window_event_type, _window_event;
|
|
1141
1149
|
let { metaKey: metaKey, ctrlKey: ctrlKey, altKey: altKey, shiftKey: shiftKey } = modifiers;
|
|
@@ -1143,7 +1151,7 @@ function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening
|
|
|
1143
1151
|
// will prevent links with target="_blank" from opening. However, it does allow the event if the
|
|
1144
1152
|
// Command/Control key is held, which opens the link in a background tab. This seems like the best we can do.
|
|
1145
1153
|
// See https://bugzilla.mozilla.org/show_bug.cgi?id=257870 and https://bugzilla.mozilla.org/show_bug.cgi?id=746640.
|
|
1146
|
-
if (($c87311424ea30a05$export$b7d78993b74f766d)() && ((_window_event = window.event) === null || _window_event ===
|
|
1154
|
+
if (($c87311424ea30a05$export$b7d78993b74f766d)() && ((_window_event = window.event) === null || _window_event === undefined ? undefined : (_window_event_type = _window_event.type) === null || _window_event_type === undefined ? undefined : _window_event_type.startsWith('key')) && target.target === '_blank') {
|
|
1147
1155
|
if (($c87311424ea30a05$export$9ac100e40613ea10)()) metaKey = true;
|
|
1148
1156
|
else ctrlKey = true;
|
|
1149
1157
|
}
|
|
@@ -1191,7 +1199,7 @@ function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
|
|
|
1191
1199
|
function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
|
|
1192
1200
|
let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
|
|
1193
1201
|
var _props_href;
|
|
1194
|
-
const href = router.useHref((_props_href = props.href) !== null && _props_href !==
|
|
1202
|
+
const href = router.useHref((_props_href = props.href) !== null && _props_href !== undefined ? _props_href : '');
|
|
1195
1203
|
return {
|
|
1196
1204
|
'data-href': props.href ? href : undefined,
|
|
1197
1205
|
'data-target': props.target,
|
|
@@ -1204,14 +1212,14 @@ function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
|
|
|
1204
1212
|
function $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props) {
|
|
1205
1213
|
let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
|
|
1206
1214
|
var _props_href;
|
|
1207
|
-
const href = router.useHref((_props_href = props === null || props ===
|
|
1215
|
+
const href = router.useHref((_props_href = props === null || props === undefined ? undefined : props.href) !== null && _props_href !== undefined ? _props_href : '');
|
|
1208
1216
|
return {
|
|
1209
|
-
href: (props === null || props ===
|
|
1210
|
-
target: props === null || props ===
|
|
1211
|
-
rel: props === null || props ===
|
|
1212
|
-
download: props === null || props ===
|
|
1213
|
-
ping: props === null || props ===
|
|
1214
|
-
referrerPolicy: props === null || props ===
|
|
1217
|
+
href: (props === null || props === undefined ? undefined : props.href) ? href : undefined,
|
|
1218
|
+
target: props === null || props === undefined ? undefined : props.target,
|
|
1219
|
+
rel: props === null || props === undefined ? undefined : props.rel,
|
|
1220
|
+
download: props === null || props === undefined ? undefined : props.download,
|
|
1221
|
+
ping: props === null || props === undefined ? undefined : props.ping,
|
|
1222
|
+
referrerPolicy: props === null || props === undefined ? undefined : props.referrerPolicy
|
|
1215
1223
|
};
|
|
1216
1224
|
}
|
|
1217
1225
|
|
|
@@ -1304,7 +1312,7 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
|
|
|
1304
1312
|
let globalListeners = (useRef)(new Map());
|
|
1305
1313
|
let addGlobalListener = (useCallback)((eventTarget, type, listener, options)=>{
|
|
1306
1314
|
// Make sure we remove the listener after it is called with the `once` option.
|
|
1307
|
-
let fn = (options === null || options ===
|
|
1315
|
+
let fn = (options === null || options === undefined ? undefined : options.once) ? (...args)=>{
|
|
1308
1316
|
globalListeners.current.delete(listener);
|
|
1309
1317
|
listener(...args);
|
|
1310
1318
|
} : listener;
|
|
@@ -1318,7 +1326,7 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
|
|
|
1318
1326
|
}, []);
|
|
1319
1327
|
let removeGlobalListener = (useCallback)((eventTarget, type, listener, options)=>{
|
|
1320
1328
|
var _globalListeners_current_get;
|
|
1321
|
-
let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get ===
|
|
1329
|
+
let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === undefined ? undefined : _globalListeners_current_get.fn) || listener;
|
|
1322
1330
|
eventTarget.removeEventListener(type, fn, options);
|
|
1323
1331
|
globalListeners.current.delete(listener);
|
|
1324
1332
|
}, []);
|
|
@@ -1436,7 +1444,7 @@ function $9daab02d461809db$var$hasResizeObserver() {
|
|
|
1436
1444
|
function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
1437
1445
|
const { ref: ref, box: box, onResize: onResize } = options;
|
|
1438
1446
|
(useEffect)(()=>{
|
|
1439
|
-
let element = ref === null || ref ===
|
|
1447
|
+
let element = ref === null || ref === undefined ? undefined : ref.current;
|
|
1440
1448
|
if (!element) return;
|
|
1441
1449
|
if (!$9daab02d461809db$var$hasResizeObserver()) {
|
|
1442
1450
|
window.addEventListener('resize', onResize, false);
|
|
@@ -1579,8 +1587,8 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
|
|
|
1579
1587
|
}
|
|
1580
1588
|
function $5df64b3807dc15ee$var$getViewportSize() {
|
|
1581
1589
|
return {
|
|
1582
|
-
width: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport ===
|
|
1583
|
-
height: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport ===
|
|
1590
|
+
width: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === undefined ? undefined : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,
|
|
1591
|
+
height: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === undefined ? undefined : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight
|
|
1584
1592
|
};
|
|
1585
1593
|
}
|
|
1586
1594
|
|
|
@@ -1725,18 +1733,18 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
|
|
|
1725
1733
|
// won't cause a scroll if the element is already focused and doesn't behave consistently when an element is partially out of view horizontally vs vertically
|
|
1726
1734
|
_targetElement_scrollIntoView;
|
|
1727
1735
|
let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
|
|
1728
|
-
targetElement === null || targetElement ===
|
|
1736
|
+
targetElement === null || targetElement === undefined ? undefined : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === undefined ? undefined : _targetElement_scrollIntoView.call(targetElement, {
|
|
1729
1737
|
block: 'nearest'
|
|
1730
1738
|
});
|
|
1731
1739
|
let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
|
|
1732
1740
|
// Account for sub pixel differences from rounding
|
|
1733
1741
|
if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
|
|
1734
1742
|
var _opts_containingElement_scrollIntoView, _opts_containingElement, _targetElement_scrollIntoView1;
|
|
1735
|
-
opts === null || opts ===
|
|
1743
|
+
opts === null || opts === undefined ? undefined : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === undefined ? undefined : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === undefined ? undefined : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {
|
|
1736
1744
|
block: 'center',
|
|
1737
1745
|
inline: 'center'
|
|
1738
1746
|
});
|
|
1739
|
-
(_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 ===
|
|
1747
|
+
(_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === undefined ? undefined : _targetElement_scrollIntoView1.call(targetElement, {
|
|
1740
1748
|
block: 'nearest'
|
|
1741
1749
|
});
|
|
1742
1750
|
}
|
|
@@ -1797,10 +1805,10 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
1797
1805
|
});
|
|
1798
1806
|
(useEffect)(()=>{
|
|
1799
1807
|
var _ref_current;
|
|
1800
|
-
let form = ref === null || ref ===
|
|
1801
|
-
form === null || form ===
|
|
1808
|
+
let form = ref === null || ref === undefined ? undefined : (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.form;
|
|
1809
|
+
form === null || form === undefined ? undefined : form.addEventListener('reset', handleReset);
|
|
1802
1810
|
return ()=>{
|
|
1803
|
-
form === null || form ===
|
|
1811
|
+
form === null || form === undefined ? undefined : form.removeEventListener('reset', handleReset);
|
|
1804
1812
|
};
|
|
1805
1813
|
}, [
|
|
1806
1814
|
ref,
|
|
@@ -1909,7 +1917,7 @@ function requireUseSyncExternalStoreShim_production_min () {
|
|
|
1909
1917
|
if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
|
|
1910
1918
|
hasRequiredUseSyncExternalStoreShim_production_min = 1;
|
|
1911
1919
|
var e=$dbSRa$react;function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
|
|
1912
|
-
function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return
|
|
1920
|
+
function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return true}}function t(a,b){return b()}var u="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t:q;useSyncExternalStoreShim_production_min.useSyncExternalStore=undefined!==e.useSyncExternalStore?e.useSyncExternalStore:u;
|
|
1913
1921
|
return useSyncExternalStoreShim_production_min;
|
|
1914
1922
|
}
|
|
1915
1923
|
|
|
@@ -2234,7 +2242,7 @@ const $e1995378a142960e$var$useSyncExternalStore = typeof ($dbSRa$react)['useSyn
|
|
|
2234
2242
|
function $e1995378a142960e$var$useCollectionDocument(createCollection) {
|
|
2235
2243
|
// The document instance is mutable, and should never change between renders.
|
|
2236
2244
|
// useSyncExternalStore is used to subscribe to updates, which vends immutable Collection objects.
|
|
2237
|
-
let [document] = (useState)(()=>new ($681cc3c98f569e39$export$b34a105447964f9f)((createCollection === null || createCollection ===
|
|
2245
|
+
let [document] = (useState)(()=>new ($681cc3c98f569e39$export$b34a105447964f9f)((createCollection === null || createCollection === undefined ? undefined : createCollection()) || new ($23b9f4fcf0fe224b$export$408d25a4e12db025)()));
|
|
2238
2246
|
let subscribe = (useCallback)((fn)=>document.subscribe(fn), [
|
|
2239
2247
|
document
|
|
2240
2248
|
]);
|
|
@@ -2278,7 +2286,7 @@ function $e1995378a142960e$var$useSSRCollectionNode(Type, props, ref, rendered,
|
|
|
2278
2286
|
// collection by the time we need to use the collection to render to the real DOM.
|
|
2279
2287
|
// After hydration, we switch to client rendering using the portal.
|
|
2280
2288
|
let itemRef = (useCallback)((element)=>{
|
|
2281
|
-
element === null || element ===
|
|
2289
|
+
element === null || element === undefined ? undefined : element.setProps(props, ref, rendered, render);
|
|
2282
2290
|
}, [
|
|
2283
2291
|
props,
|
|
2284
2292
|
ref,
|
|
@@ -2328,7 +2336,7 @@ function $e1995378a142960e$export$e953bb1cd0f19726(type, render, useChildren = $
|
|
|
2328
2336
|
var _useSSRCollectionNode;
|
|
2329
2337
|
return (_useSSRCollectionNode = $e1995378a142960e$var$useSSRCollectionNode(type, props, ref, null, children, (node)=>/*#__PURE__*/ ($dbSRa$react).createElement(Component, {
|
|
2330
2338
|
node: node
|
|
2331
|
-
}))) !== null && _useSSRCollectionNode !==
|
|
2339
|
+
}))) !== null && _useSSRCollectionNode !== undefined ? _useSSRCollectionNode : /*#__PURE__*/ ($dbSRa$react).createElement(($dbSRa$react).Fragment, null);
|
|
2332
2340
|
});
|
|
2333
2341
|
// @ts-ignore
|
|
2334
2342
|
Result.displayName = render.name;
|
|
@@ -2343,8 +2351,8 @@ function $e1995378a142960e$var$useCollectionChildren(options) {
|
|
|
2343
2351
|
const $e1995378a142960e$var$CollectionContext = /*#__PURE__*/ (createContext)(null);
|
|
2344
2352
|
function $e1995378a142960e$export$fb8073518f34e6ec(props) {
|
|
2345
2353
|
let ctx = (useContext)($e1995378a142960e$var$CollectionContext);
|
|
2346
|
-
let dependencies = ((ctx === null || ctx ===
|
|
2347
|
-
let idScope = props.idScope || (ctx === null || ctx ===
|
|
2354
|
+
let dependencies = ((ctx === null || ctx === undefined ? undefined : ctx.dependencies) || []).concat(props.dependencies);
|
|
2355
|
+
let idScope = props.idScope || (ctx === null || ctx === undefined ? undefined : ctx.idScope);
|
|
2348
2356
|
let children = $e1995378a142960e$var$useCollectionChildren({
|
|
2349
2357
|
...props,
|
|
2350
2358
|
idScope: idScope,
|
|
@@ -2417,7 +2425,7 @@ function $7135fc7d473fd974$var$useCollectionRender(collection, parent, renderDro
|
|
|
2417
2425
|
type: 'item',
|
|
2418
2426
|
key: key,
|
|
2419
2427
|
dropPosition: 'before'
|
|
2420
|
-
}), rendered, (keyAfter == null || ((_collection_getItem = collection.getItem(keyAfter)) === null || _collection_getItem ===
|
|
2428
|
+
}), rendered, (keyAfter == null || ((_collection_getItem = collection.getItem(keyAfter)) === null || _collection_getItem === undefined ? undefined : _collection_getItem.type) !== 'item') && renderDropIndicator({
|
|
2421
2429
|
type: 'item',
|
|
2422
2430
|
key: key,
|
|
2423
2431
|
dropPosition: 'after'
|
|
@@ -2478,12 +2486,12 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
|
|
|
2478
2486
|
else if (children == null) computedChildren = defaultChildren;
|
|
2479
2487
|
else computedChildren = children;
|
|
2480
2488
|
return {
|
|
2481
|
-
className: computedClassName !== null && computedClassName !==
|
|
2489
|
+
className: computedClassName !== null && computedClassName !== undefined ? computedClassName : defaultClassName,
|
|
2482
2490
|
style: computedStyle || defaultStyle ? {
|
|
2483
2491
|
...defaultStyle,
|
|
2484
2492
|
...computedStyle
|
|
2485
2493
|
} : undefined,
|
|
2486
|
-
children: computedChildren !== null && computedChildren !==
|
|
2494
|
+
children: computedChildren !== null && computedChildren !== undefined ? computedChildren : defaultChildren,
|
|
2487
2495
|
'data-rac': ''
|
|
2488
2496
|
};
|
|
2489
2497
|
}, [
|
|
@@ -2802,12 +2810,12 @@ class $f6c31cce2adf654f$var$PressEvent {
|
|
|
2802
2810
|
constructor(type, pointerType, originalEvent, state){
|
|
2803
2811
|
(_class_private_field_init)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, {
|
|
2804
2812
|
writable: true,
|
|
2805
|
-
value:
|
|
2813
|
+
value: undefined
|
|
2806
2814
|
});
|
|
2807
2815
|
(_class_private_field_set)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, true);
|
|
2808
2816
|
var _state_target;
|
|
2809
|
-
let currentTarget = (_state_target = state === null || state ===
|
|
2810
|
-
const rect = currentTarget === null || currentTarget ===
|
|
2817
|
+
let currentTarget = (_state_target = state === null || state === undefined ? undefined : state.target) !== null && _state_target !== undefined ? _state_target : originalEvent.currentTarget;
|
|
2818
|
+
const rect = currentTarget === null || currentTarget === undefined ? undefined : currentTarget.getBoundingClientRect();
|
|
2811
2819
|
let x, y = 0;
|
|
2812
2820
|
let clientX, clientY = null;
|
|
2813
2821
|
if (originalEvent.clientX != null && originalEvent.clientY != null) {
|
|
@@ -2948,7 +2956,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
2948
2956
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=1393524
|
|
2949
2957
|
// https://bugs.webkit.org/show_bug.cgi?id=55291
|
|
2950
2958
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=1299553
|
|
2951
|
-
if (e.metaKey && ($c87311424ea30a05$export$9ac100e40613ea10)()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents ===
|
|
2959
|
+
if (e.metaKey && ($c87311424ea30a05$export$9ac100e40613ea10)()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === undefined ? undefined : _state_metaKeyEvents.set(e.key, e.nativeEvent);
|
|
2952
2960
|
} else if (e.key === 'Meta') state.metaKeyEvents = new Map();
|
|
2953
2961
|
},
|
|
2954
2962
|
onClick (e) {
|
|
@@ -2990,15 +2998,15 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
2990
2998
|
($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
|
|
2991
2999
|
}
|
|
2992
3000
|
state.isPressed = false;
|
|
2993
|
-
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 ===
|
|
2994
|
-
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents ===
|
|
3001
|
+
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === undefined ? undefined : _state_metaKeyEvents1.delete(e.key);
|
|
3002
|
+
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === undefined ? undefined : _state_metaKeyEvents.size)) {
|
|
2995
3003
|
var _state_target;
|
|
2996
3004
|
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
2997
3005
|
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
2998
3006
|
// See comment above for more info about the macOS bug causing this.
|
|
2999
3007
|
let events = state.metaKeyEvents;
|
|
3000
3008
|
state.metaKeyEvents = undefined;
|
|
3001
|
-
for (let event of events.values())(_state_target = state.target) === null || _state_target ===
|
|
3009
|
+
for (let event of events.values())(_state_target = state.target) === null || _state_target === undefined ? undefined : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
|
|
3002
3010
|
}
|
|
3003
3011
|
};
|
|
3004
3012
|
if (typeof PointerEvent !== 'undefined') {
|
|
@@ -3252,7 +3260,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
3252
3260
|
return ()=>{
|
|
3253
3261
|
var _ref_current_target;
|
|
3254
3262
|
if (!allowTextSelectionOnPress) // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
3255
|
-
($14c0b72509d70225$export$b0d6fa1ab32e3295)((_ref_current_target = ref.current.target) !== null && _ref_current_target !==
|
|
3263
|
+
($14c0b72509d70225$export$b0d6fa1ab32e3295)((_ref_current_target = ref.current.target) !== null && _ref_current_target !== undefined ? _ref_current_target : undefined);
|
|
3256
3264
|
};
|
|
3257
3265
|
}, [
|
|
3258
3266
|
allowTextSelectionOnPress
|
|
@@ -3389,7 +3397,7 @@ function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
|
|
|
3389
3397
|
const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ ($dbSRa$react).forwardRef(({ children: children, ...props }, ref)=>{
|
|
3390
3398
|
let isRegistered = (useRef)(false);
|
|
3391
3399
|
let prevContext = (useContext)(($ae1eeba8b9eafd08$export$5165eccb35aaadb5));
|
|
3392
|
-
ref = ($df56164dff5785e2$export$4338b53315abf666)(ref || (prevContext === null || prevContext ===
|
|
3400
|
+
ref = ($df56164dff5785e2$export$4338b53315abf666)(ref || (prevContext === null || prevContext === undefined ? undefined : prevContext.ref));
|
|
3393
3401
|
let context = ($3ef42575df84b30b$export$9d1611c77c2fe928)(prevContext || {}, {
|
|
3394
3402
|
...props,
|
|
3395
3403
|
ref: ref,
|
|
@@ -3476,7 +3484,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
3476
3484
|
};
|
|
3477
3485
|
}, []);
|
|
3478
3486
|
let dispatchBlur = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
|
|
3479
|
-
onBlur === null || onBlur ===
|
|
3487
|
+
onBlur === null || onBlur === undefined ? undefined : onBlur(e);
|
|
3480
3488
|
});
|
|
3481
3489
|
// This function is called during a React onFocus event.
|
|
3482
3490
|
return (useCallback)((e)=>{
|
|
@@ -3503,7 +3511,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
3503
3511
|
stateRef.current.observer = new MutationObserver(()=>{
|
|
3504
3512
|
if (stateRef.current.isFocused && target.disabled) {
|
|
3505
3513
|
var _stateRef_current_observer;
|
|
3506
|
-
(_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer ===
|
|
3514
|
+
(_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer === undefined ? undefined : _stateRef_current_observer.disconnect();
|
|
3507
3515
|
let relatedTargetEl = target === document.activeElement ? null : document.activeElement;
|
|
3508
3516
|
target.dispatchEvent(new FocusEvent('blur', {
|
|
3509
3517
|
relatedTarget: relatedTargetEl
|
|
@@ -3772,18 +3780,18 @@ const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([
|
|
|
3772
3780
|
* focus visible style can be properly set.
|
|
3773
3781
|
*/ function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
|
|
3774
3782
|
var _e_target;
|
|
3775
|
-
const IHTMLInputElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e ===
|
|
3776
|
-
const IHTMLTextAreaElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e ===
|
|
3777
|
-
const IHTMLElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e ===
|
|
3778
|
-
const IKeyboardEvent = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e ===
|
|
3779
|
-
isTextInput = isTextInput || (e === null || e ===
|
|
3783
|
+
const IHTMLInputElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).HTMLInputElement : HTMLInputElement;
|
|
3784
|
+
const IHTMLTextAreaElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
|
|
3785
|
+
const IHTMLElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).HTMLElement : HTMLElement;
|
|
3786
|
+
const IKeyboardEvent = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).KeyboardEvent : KeyboardEvent;
|
|
3787
|
+
isTextInput = isTextInput || (e === null || e === undefined ? undefined : e.target) instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(e === null || e === undefined ? undefined : (_e_target = e.target) === null || _e_target === undefined ? undefined : _e_target.type) || (e === null || e === undefined ? undefined : e.target) instanceof IHTMLTextAreaElement || (e === null || e === undefined ? undefined : e.target) instanceof IHTMLElement && (e === null || e === undefined ? undefined : e.target.isContentEditable);
|
|
3780
3788
|
return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
|
|
3781
3789
|
}
|
|
3782
3790
|
function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
3783
3791
|
$507fabe10e71c6fb$var$setupGlobalFocusEvents();
|
|
3784
3792
|
(useEffect)(()=>{
|
|
3785
3793
|
let handler = (modality, e)=>{
|
|
3786
|
-
if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts ===
|
|
3794
|
+
if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === undefined ? undefined : opts.isTextInput), modality, e)) return;
|
|
3787
3795
|
fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
|
|
3788
3796
|
};
|
|
3789
3797
|
$507fabe10e71c6fb$var$changeHandlers.add(handler);
|
|
@@ -4321,7 +4329,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
|
|
|
4321
4329
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
4322
4330
|
var _startRef_current;
|
|
4323
4331
|
// Find all rendered nodes between the sentinels and add them to the scope.
|
|
4324
|
-
let node = (_startRef_current = startRef.current) === null || _startRef_current ===
|
|
4332
|
+
let node = (_startRef_current = startRef.current) === null || _startRef_current === undefined ? undefined : _startRef_current.nextSibling;
|
|
4325
4333
|
let nodes = [];
|
|
4326
4334
|
let stopPropagation = (e)=>e.stopPropagation();
|
|
4327
4335
|
while(node && node !== endRef.current){
|
|
@@ -4362,7 +4370,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
|
|
|
4362
4370
|
var _focusScopeTree_getTreeNode_parent, _focusScopeTree_getTreeNode;
|
|
4363
4371
|
var _focusScopeTree_getTreeNode_parent_scopeRef;
|
|
4364
4372
|
// Scope may have been re-parented.
|
|
4365
|
-
let parentScope = (_focusScopeTree_getTreeNode_parent_scopeRef = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef)) === null || _focusScopeTree_getTreeNode ===
|
|
4373
|
+
let parentScope = (_focusScopeTree_getTreeNode_parent_scopeRef = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef)) === null || _focusScopeTree_getTreeNode === undefined ? undefined : (_focusScopeTree_getTreeNode_parent = _focusScopeTree_getTreeNode.parent) === null || _focusScopeTree_getTreeNode_parent === undefined ? undefined : _focusScopeTree_getTreeNode_parent.scopeRef) !== null && _focusScopeTree_getTreeNode_parent_scopeRef !== undefined ? _focusScopeTree_getTreeNode_parent_scopeRef : null;
|
|
4366
4374
|
if ((scopeRef === $9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope(scopeRef, $9bf71ea28793e738$var$activeScope)) && (!parentScope || $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(parentScope))) $9bf71ea28793e738$var$activeScope = parentScope;
|
|
4367
4375
|
$9bf71ea28793e738$export$d06fae2ee68b101e.removeTreeNode(scopeRef);
|
|
4368
4376
|
};
|
|
@@ -4543,20 +4551,20 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
|
|
|
4543
4551
|
if (ownerDocument.body.contains(e.target)) {
|
|
4544
4552
|
var _focusedNode_current;
|
|
4545
4553
|
focusedNode.current = e.target;
|
|
4546
|
-
(_focusedNode_current = focusedNode.current) === null || _focusedNode_current ===
|
|
4554
|
+
(_focusedNode_current = focusedNode.current) === null || _focusedNode_current === undefined ? undefined : _focusedNode_current.focus();
|
|
4547
4555
|
} else if ($9bf71ea28793e738$var$activeScope.current) $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);
|
|
4548
4556
|
}
|
|
4549
4557
|
});
|
|
4550
4558
|
};
|
|
4551
4559
|
ownerDocument.addEventListener('keydown', onKeyDown, false);
|
|
4552
4560
|
ownerDocument.addEventListener('focusin', onFocus, false);
|
|
4553
|
-
scope === null || scope ===
|
|
4554
|
-
scope === null || scope ===
|
|
4561
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
|
|
4562
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusout', onBlur, false));
|
|
4555
4563
|
return ()=>{
|
|
4556
4564
|
ownerDocument.removeEventListener('keydown', onKeyDown, false);
|
|
4557
4565
|
ownerDocument.removeEventListener('focusin', onFocus, false);
|
|
4558
|
-
scope === null || scope ===
|
|
4559
|
-
scope === null || scope ===
|
|
4566
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
|
|
4567
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusout', onBlur, false));
|
|
4560
4568
|
};
|
|
4561
4569
|
}, [
|
|
4562
4570
|
scopeRef,
|
|
@@ -4594,7 +4602,7 @@ function $9bf71ea28793e738$export$1258395f99bf9cbf(element) {
|
|
|
4594
4602
|
}
|
|
4595
4603
|
function $9bf71ea28793e738$var$isAncestorScope(ancestor, scope) {
|
|
4596
4604
|
var _focusScopeTree_getTreeNode;
|
|
4597
|
-
let parent = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope)) === null || _focusScopeTree_getTreeNode ===
|
|
4605
|
+
let parent = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope)) === null || _focusScopeTree_getTreeNode === undefined ? undefined : _focusScopeTree_getTreeNode.parent;
|
|
4598
4606
|
while(parent){
|
|
4599
4607
|
if (parent.scopeRef === ancestor) return true;
|
|
4600
4608
|
parent = parent.parent;
|
|
@@ -4661,10 +4669,10 @@ function $9bf71ea28793e738$var$useActiveScopeTracker(scopeRef, restore, contain)
|
|
|
4661
4669
|
else if (!$9bf71ea28793e738$var$isElementInAnyScope(target)) $9bf71ea28793e738$var$activeScope = null;
|
|
4662
4670
|
};
|
|
4663
4671
|
ownerDocument.addEventListener('focusin', onFocus, false);
|
|
4664
|
-
scope === null || scope ===
|
|
4672
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
|
|
4665
4673
|
return ()=>{
|
|
4666
4674
|
ownerDocument.removeEventListener('focusin', onFocus, false);
|
|
4667
|
-
scope === null || scope ===
|
|
4675
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
|
|
4668
4676
|
};
|
|
4669
4677
|
}, [
|
|
4670
4678
|
scopeRef,
|
|
@@ -4678,7 +4686,7 @@ function $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef) {
|
|
|
4678
4686
|
if (scope.nodeToRestore) return false;
|
|
4679
4687
|
scope = scope.parent;
|
|
4680
4688
|
}
|
|
4681
|
-
return (scope === null || scope ===
|
|
4689
|
+
return (scope === null || scope === undefined ? undefined : scope.scopeRef) === scopeRef;
|
|
4682
4690
|
}
|
|
4683
4691
|
function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain) {
|
|
4684
4692
|
// create a ref during render instead of useLayoutEffect so the active element is saved before a child with autoFocus=true mounts.
|
|
@@ -4696,10 +4704,10 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
4696
4704
|
if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope(ownerDocument.activeElement, scopeRef.current)) $9bf71ea28793e738$var$activeScope = scopeRef;
|
|
4697
4705
|
};
|
|
4698
4706
|
ownerDocument.addEventListener('focusin', onFocus, false);
|
|
4699
|
-
scope === null || scope ===
|
|
4707
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
|
|
4700
4708
|
return ()=>{
|
|
4701
4709
|
ownerDocument.removeEventListener('focusin', onFocus, false);
|
|
4702
|
-
scope === null || scope ===
|
|
4710
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
|
|
4703
4711
|
};
|
|
4704
4712
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4705
4713
|
}, [
|
|
@@ -4764,7 +4772,7 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
4764
4772
|
let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
|
|
4765
4773
|
if (!treeNode) return;
|
|
4766
4774
|
var _nodeToRestoreRef_current;
|
|
4767
|
-
treeNode.nodeToRestore = (_nodeToRestoreRef_current = nodeToRestoreRef.current) !== null && _nodeToRestoreRef_current !==
|
|
4775
|
+
treeNode.nodeToRestore = (_nodeToRestoreRef_current = nodeToRestoreRef.current) !== null && _nodeToRestoreRef_current !== undefined ? _nodeToRestoreRef_current : undefined;
|
|
4768
4776
|
return ()=>{
|
|
4769
4777
|
let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
|
|
4770
4778
|
if (!treeNode) return;
|
|
@@ -4815,17 +4823,17 @@ function $9bf71ea28793e738$var$restoreFocusToElement(node) {
|
|
|
4815
4823
|
}))) $9bf71ea28793e738$var$focusElement(node);
|
|
4816
4824
|
}
|
|
4817
4825
|
function $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {
|
|
4818
|
-
let selector = (opts === null || opts ===
|
|
4826
|
+
let selector = (opts === null || opts === undefined ? undefined : opts.tabbable) ? $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR : $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR;
|
|
4819
4827
|
let walker = ($431fbd86ca7dc216$export$b204af158042fbac)(root).createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
|
|
4820
4828
|
acceptNode (node) {
|
|
4821
4829
|
var _opts_from;
|
|
4822
4830
|
// Skip nodes inside the starting node.
|
|
4823
|
-
if (opts === null || opts ===
|
|
4824
|
-
if (node.matches(selector) && ($645f2e67b85a24c9$export$e989c0fffaa6b27a)(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope)) && (!(opts === null || opts ===
|
|
4831
|
+
if (opts === null || opts === undefined ? undefined : (_opts_from = opts.from) === null || _opts_from === undefined ? undefined : _opts_from.contains(node)) return NodeFilter.FILTER_REJECT;
|
|
4832
|
+
if (node.matches(selector) && ($645f2e67b85a24c9$export$e989c0fffaa6b27a)(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope)) && (!(opts === null || opts === undefined ? undefined : opts.accept) || opts.accept(node))) return NodeFilter.FILTER_ACCEPT;
|
|
4825
4833
|
return NodeFilter.FILTER_SKIP;
|
|
4826
4834
|
}
|
|
4827
4835
|
});
|
|
4828
|
-
if (opts === null || opts ===
|
|
4836
|
+
if (opts === null || opts === undefined ? undefined : opts.from) walker.currentNode = opts.from;
|
|
4829
4837
|
return walker;
|
|
4830
4838
|
}
|
|
4831
4839
|
class $9bf71ea28793e738$var$Tree {
|
|
@@ -4836,7 +4844,7 @@ class $9bf71ea28793e738$var$Tree {
|
|
|
4836
4844
|
return this.fastMap.get(data);
|
|
4837
4845
|
}
|
|
4838
4846
|
addTreeNode(scopeRef, parent, nodeToRestore) {
|
|
4839
|
-
let parentNode = this.fastMap.get(parent !== null && parent !==
|
|
4847
|
+
let parentNode = this.fastMap.get(parent !== null && parent !== undefined ? parent : null);
|
|
4840
4848
|
if (!parentNode) return;
|
|
4841
4849
|
let node = new $9bf71ea28793e738$var$TreeNode({
|
|
4842
4850
|
scopeRef: scopeRef
|
|
@@ -4874,7 +4882,7 @@ class $9bf71ea28793e738$var$Tree {
|
|
|
4874
4882
|
var _node_parent;
|
|
4875
4883
|
let newTree = new $9bf71ea28793e738$var$Tree();
|
|
4876
4884
|
var _node_parent_scopeRef;
|
|
4877
|
-
for (let node of this.traverse())newTree.addTreeNode(node.scopeRef, (_node_parent_scopeRef = (_node_parent = node.parent) === null || _node_parent ===
|
|
4885
|
+
for (let node of this.traverse())newTree.addTreeNode(node.scopeRef, (_node_parent_scopeRef = (_node_parent = node.parent) === null || _node_parent === undefined ? undefined : _node_parent.scopeRef) !== null && _node_parent_scopeRef !== undefined ? _node_parent_scopeRef : null, node.nodeToRestore);
|
|
4878
4886
|
return newTree;
|
|
4879
4887
|
}
|
|
4880
4888
|
constructor(){
|
|
@@ -5010,10 +5018,10 @@ function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
|
|
|
5010
5018
|
|
|
5011
5019
|
|
|
5012
5020
|
function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
|
|
5013
|
-
let isDisabled = options === null || options ===
|
|
5021
|
+
let isDisabled = options === null || options === undefined ? undefined : options.isDisabled;
|
|
5014
5022
|
let [hasTabbableChild, setHasTabbableChild] = (useState)(false);
|
|
5015
5023
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5016
|
-
if ((ref === null || ref ===
|
|
5024
|
+
if ((ref === null || ref === undefined ? undefined : ref.current) && !isDisabled) {
|
|
5017
5025
|
let update = ()=>{
|
|
5018
5026
|
if (ref.current) {
|
|
5019
5027
|
let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(ref.current, {
|
|
@@ -5046,6 +5054,66 @@ function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
|
|
|
5046
5054
|
return isDisabled ? false : hasTabbableChild;
|
|
5047
5055
|
}
|
|
5048
5056
|
|
|
5057
|
+
/*
|
|
5058
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
5059
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
5060
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
5061
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
5062
|
+
*
|
|
5063
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
5064
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
5065
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
5066
|
+
* governing permissions and limitations under the License.
|
|
5067
|
+
*/
|
|
5068
|
+
|
|
5069
|
+
|
|
5070
|
+
function $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {
|
|
5071
|
+
let { elementType: elementType = 'a', onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, // @ts-ignore
|
|
5072
|
+
onClick: deprecatedOnClick, isDisabled: isDisabled, ...otherProps } = props;
|
|
5073
|
+
let linkProps = {};
|
|
5074
|
+
if (elementType !== 'a') linkProps = {
|
|
5075
|
+
role: 'link',
|
|
5076
|
+
tabIndex: !isDisabled ? 0 : undefined
|
|
5077
|
+
};
|
|
5078
|
+
let { focusableProps: focusableProps } = ($e6afbd83fe6ebbd2$export$4c014de7c8940b4c)(props, ref);
|
|
5079
|
+
let { pressProps: pressProps, isPressed: isPressed } = ($f6c31cce2adf654f$export$45712eceda6fad21)({
|
|
5080
|
+
onPress: onPress,
|
|
5081
|
+
onPressStart: onPressStart,
|
|
5082
|
+
onPressEnd: onPressEnd,
|
|
5083
|
+
isDisabled: isDisabled,
|
|
5084
|
+
ref: ref
|
|
5085
|
+
});
|
|
5086
|
+
let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(otherProps, {
|
|
5087
|
+
labelable: true
|
|
5088
|
+
});
|
|
5089
|
+
let interactionHandlers = ($3ef42575df84b30b$export$9d1611c77c2fe928)(focusableProps, pressProps);
|
|
5090
|
+
let router = ($ea8dcbcb9ea1b556$export$9a302a45f65d0572)();
|
|
5091
|
+
let routerLinkProps = ($ea8dcbcb9ea1b556$export$7e924b3091a3bd18)(props);
|
|
5092
|
+
return {
|
|
5093
|
+
isPressed: isPressed,
|
|
5094
|
+
linkProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, routerLinkProps, {
|
|
5095
|
+
...interactionHandlers,
|
|
5096
|
+
...linkProps,
|
|
5097
|
+
'aria-disabled': isDisabled || undefined,
|
|
5098
|
+
'aria-current': props['aria-current'],
|
|
5099
|
+
onClick: (e)=>{
|
|
5100
|
+
var _pressProps_onClick;
|
|
5101
|
+
(_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === undefined ? undefined : _pressProps_onClick.call(pressProps, e);
|
|
5102
|
+
if (deprecatedOnClick) {
|
|
5103
|
+
deprecatedOnClick(e);
|
|
5104
|
+
console.warn('onClick is deprecated, please use onPress');
|
|
5105
|
+
}
|
|
5106
|
+
// If a custom router is provided, prevent default and forward if this link should client navigate.
|
|
5107
|
+
if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.
|
|
5108
|
+
!e.isDefaultPrevented() && ($ea8dcbcb9ea1b556$export$efa8c9099e530235)(e.currentTarget, e) && props.href) {
|
|
5109
|
+
e.preventDefault();
|
|
5110
|
+
router.open(e.currentTarget, e, props.href, props.routerOptions);
|
|
5111
|
+
}
|
|
5112
|
+
}
|
|
5113
|
+
})
|
|
5114
|
+
};
|
|
5115
|
+
}
|
|
5116
|
+
|
|
5049
5117
|
/*
|
|
5050
5118
|
* Copyright 2020 Adobe. All rights reserved.
|
|
5051
5119
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -5222,7 +5290,7 @@ class $5b160d28a433310d$export$c17fa47878dc55b6 {
|
|
|
5222
5290
|
[locale]: globalStrings[pkg]
|
|
5223
5291
|
}, locale);
|
|
5224
5292
|
}
|
|
5225
|
-
let dictionary = $5b160d28a433310d$var$cachedGlobalStrings === null || $5b160d28a433310d$var$cachedGlobalStrings ===
|
|
5293
|
+
let dictionary = $5b160d28a433310d$var$cachedGlobalStrings === null || $5b160d28a433310d$var$cachedGlobalStrings === undefined ? undefined : $5b160d28a433310d$var$cachedGlobalStrings[packageName];
|
|
5226
5294
|
if (!dictionary) throw new Error(`Strings for package "${packageName}" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`);
|
|
5227
5295
|
return dictionary;
|
|
5228
5296
|
}
|
|
@@ -5448,7 +5516,7 @@ function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'ass
|
|
|
5448
5516
|
// if we're in a test environment, announce without waiting
|
|
5449
5517
|
// @ts-ignore
|
|
5450
5518
|
if (!(typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined')) setTimeout(()=>{
|
|
5451
|
-
if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer ===
|
|
5519
|
+
if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === undefined ? undefined : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === undefined ? undefined : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
|
|
5452
5520
|
}, 100);
|
|
5453
5521
|
else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
|
|
5454
5522
|
} else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
|
|
@@ -5462,7 +5530,7 @@ function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'ass
|
|
|
5462
5530
|
class $319e236875307eab$var$LiveAnnouncer {
|
|
5463
5531
|
isAttached() {
|
|
5464
5532
|
var _this_node;
|
|
5465
|
-
return (_this_node = this.node) === null || _this_node ===
|
|
5533
|
+
return (_this_node = this.node) === null || _this_node === undefined ? undefined : _this_node.isConnected;
|
|
5466
5534
|
}
|
|
5467
5535
|
createLog(ariaLive) {
|
|
5468
5536
|
let node = document.createElement('div');
|
|
@@ -5485,8 +5553,8 @@ class $319e236875307eab$var$LiveAnnouncer {
|
|
|
5485
5553
|
node.setAttribute('role', 'img');
|
|
5486
5554
|
node.setAttribute('aria-labelledby', message['aria-labelledby']);
|
|
5487
5555
|
} else node.textContent = message;
|
|
5488
|
-
if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog ===
|
|
5489
|
-
else (_this_politeLog = this.politeLog) === null || _this_politeLog ===
|
|
5556
|
+
if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === undefined ? undefined : _this_assertiveLog.appendChild(node);
|
|
5557
|
+
else (_this_politeLog = this.politeLog) === null || _this_politeLog === undefined ? undefined : _this_politeLog.appendChild(node);
|
|
5490
5558
|
if (message !== '') setTimeout(()=>{
|
|
5491
5559
|
node.remove();
|
|
5492
5560
|
}, timeout);
|
|
@@ -5595,7 +5663,7 @@ function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
|
|
|
5595
5663
|
validate,
|
|
5596
5664
|
value
|
|
5597
5665
|
]);
|
|
5598
|
-
if (builtinValidation === null || builtinValidation ===
|
|
5666
|
+
if (builtinValidation === null || builtinValidation === undefined ? undefined : builtinValidation.validationDetails.valid) builtinValidation = undefined;
|
|
5599
5667
|
// Get relevant server errors from the form.
|
|
5600
5668
|
let serverErrors = (useContext)($e5be200c675c3b3a$export$571b5131b7e65c11);
|
|
5601
5669
|
let serverErrorMessages = (useMemo)(()=>{
|
|
@@ -5729,7 +5797,7 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
|
|
|
5729
5797
|
let { validationBehavior: validationBehavior, focus: focus } = props;
|
|
5730
5798
|
// This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
|
|
5731
5799
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5732
|
-
if (validationBehavior === 'native' && (ref === null || ref ===
|
|
5800
|
+
if (validationBehavior === 'native' && (ref === null || ref === undefined ? undefined : ref.current)) {
|
|
5733
5801
|
let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
|
|
5734
5802
|
ref.current.setCustomValidity(errorMessage);
|
|
5735
5803
|
// Prevent default tooltip for validation message.
|
|
@@ -5747,11 +5815,11 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
|
|
|
5747
5815
|
// This avoids clearing server errors that the user didn't actually fix.
|
|
5748
5816
|
if (!state.displayValidation.isInvalid) state.commitValidation();
|
|
5749
5817
|
// Auto focus the first invalid input in a form, unless the error already had its default prevented.
|
|
5750
|
-
let form = ref === null || ref ===
|
|
5818
|
+
let form = ref === null || ref === undefined ? undefined : (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.form;
|
|
5751
5819
|
if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
|
|
5752
5820
|
var _ref_current1;
|
|
5753
5821
|
if (focus) focus();
|
|
5754
|
-
else (_ref_current1 = ref.current) === null || _ref_current1 ===
|
|
5822
|
+
else (_ref_current1 = ref.current) === null || _ref_current1 === undefined ? undefined : _ref_current1.focus();
|
|
5755
5823
|
// Always show focus ring.
|
|
5756
5824
|
($507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
|
|
5757
5825
|
}
|
|
@@ -5762,16 +5830,16 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
|
|
|
5762
5830
|
state.commitValidation();
|
|
5763
5831
|
});
|
|
5764
5832
|
(useEffect)(()=>{
|
|
5765
|
-
let input = ref === null || ref ===
|
|
5833
|
+
let input = ref === null || ref === undefined ? undefined : ref.current;
|
|
5766
5834
|
if (!input) return;
|
|
5767
5835
|
let form = input.form;
|
|
5768
5836
|
input.addEventListener('invalid', onInvalid);
|
|
5769
5837
|
input.addEventListener('change', onChange);
|
|
5770
|
-
form === null || form ===
|
|
5838
|
+
form === null || form === undefined ? undefined : form.addEventListener('reset', onReset);
|
|
5771
5839
|
return ()=>{
|
|
5772
5840
|
input.removeEventListener('invalid', onInvalid);
|
|
5773
5841
|
input.removeEventListener('change', onChange);
|
|
5774
|
-
form === null || form ===
|
|
5842
|
+
form === null || form === undefined ? undefined : form.removeEventListener('reset', onReset);
|
|
5775
5843
|
};
|
|
5776
5844
|
}, [
|
|
5777
5845
|
ref,
|
|
@@ -6149,7 +6217,7 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
|
|
|
6149
6217
|
});
|
|
6150
6218
|
let { name: name, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = ($1ae600c947479353$export$ec98120685d4f57d).get(state);
|
|
6151
6219
|
var _props_validationBehavior;
|
|
6152
|
-
validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
6220
|
+
validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : validationBehavior;
|
|
6153
6221
|
// Local validation for this checkbox.
|
|
6154
6222
|
let { realtimeValidation: realtimeValidation } = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
|
|
6155
6223
|
...props,
|
|
@@ -6173,7 +6241,7 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
|
|
|
6173
6241
|
isReadOnly: props.isReadOnly || state.isReadOnly,
|
|
6174
6242
|
isDisabled: props.isDisabled || state.isDisabled,
|
|
6175
6243
|
name: props.name || name,
|
|
6176
|
-
isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !==
|
|
6244
|
+
isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== undefined ? _props_isRequired : state.isRequired,
|
|
6177
6245
|
validationBehavior: validationBehavior,
|
|
6178
6246
|
[($e5be200c675c3b3a$export$a763b9476acd3eb)]: {
|
|
6179
6247
|
realtimeValidation: combinedRealtimeValidation,
|
|
@@ -6402,15 +6470,15 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
|
6402
6470
|
let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
|
|
6403
6471
|
let scroll = {};
|
|
6404
6472
|
var _visualViewport_scale;
|
|
6405
|
-
let isPinchZoomedIn = ((_visualViewport_scale = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6473
|
+
let isPinchZoomedIn = ((_visualViewport_scale = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.scale) !== null && _visualViewport_scale !== undefined ? _visualViewport_scale : 1) > 1;
|
|
6406
6474
|
if (containerNode.tagName === 'BODY') {
|
|
6407
6475
|
let documentElement = document.documentElement;
|
|
6408
6476
|
totalWidth = documentElement.clientWidth;
|
|
6409
6477
|
totalHeight = documentElement.clientHeight;
|
|
6410
6478
|
var _visualViewport_width;
|
|
6411
|
-
width = (_visualViewport_width = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6479
|
+
width = (_visualViewport_width = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.width) !== null && _visualViewport_width !== undefined ? _visualViewport_width : totalWidth;
|
|
6412
6480
|
var _visualViewport_height;
|
|
6413
|
-
height = (_visualViewport_height = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6481
|
+
height = (_visualViewport_height = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.height) !== null && _visualViewport_height !== undefined ? _visualViewport_height : totalHeight;
|
|
6414
6482
|
scroll.top = documentElement.scrollTop || containerNode.scrollTop;
|
|
6415
6483
|
scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
|
|
6416
6484
|
// The goal of the below is to get a top/left value that represents the top/left of the visual viewport with
|
|
@@ -6435,9 +6503,9 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
|
6435
6503
|
scroll.top = 0;
|
|
6436
6504
|
scroll.left = 0;
|
|
6437
6505
|
var _visualViewport_pageTop;
|
|
6438
|
-
top = (_visualViewport_pageTop = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6506
|
+
top = (_visualViewport_pageTop = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.pageTop) !== null && _visualViewport_pageTop !== undefined ? _visualViewport_pageTop : 0;
|
|
6439
6507
|
var _visualViewport_pageLeft;
|
|
6440
|
-
left = (_visualViewport_pageLeft = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6508
|
+
left = (_visualViewport_pageLeft = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== undefined ? _visualViewport_pageLeft : 0;
|
|
6441
6509
|
}
|
|
6442
6510
|
return {
|
|
6443
6511
|
width: width,
|
|
@@ -6467,7 +6535,7 @@ boundaryDimensions, // The dimensions of the containing block element that the p
|
|
|
6467
6535
|
// position: relative/absolute, it will be different.
|
|
6468
6536
|
containerDimensions, padding, containerOffsetWithBoundary) {
|
|
6469
6537
|
var _containerDimensions_scroll_axis;
|
|
6470
|
-
let containerScroll = (_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !==
|
|
6538
|
+
let containerScroll = (_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== undefined ? _containerDimensions_scroll_axis : 0;
|
|
6471
6539
|
// The height/width of the boundary. Matches the axis along which we are adjusting the overlay position
|
|
6472
6540
|
let boundarySize = boundaryDimensions[$edcf132a9284368a$var$AXIS_SIZE[axis]];
|
|
6473
6541
|
// Calculate the edges of the boundary (accomodating for the boundary padding) and the edges of the overlay.
|
|
@@ -6514,14 +6582,14 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
|
|
|
6514
6582
|
let position = {};
|
|
6515
6583
|
var _childOffset_crossAxis;
|
|
6516
6584
|
// button position
|
|
6517
|
-
position[crossAxis] = (_childOffset_crossAxis = childOffset[crossAxis]) !== null && _childOffset_crossAxis !==
|
|
6585
|
+
position[crossAxis] = (_childOffset_crossAxis = childOffset[crossAxis]) !== null && _childOffset_crossAxis !== undefined ? _childOffset_crossAxis : 0;
|
|
6518
6586
|
var _childOffset_crossSize, _overlaySize_crossSize, _childOffset_crossSize1, _overlaySize_crossSize1;
|
|
6519
6587
|
if (crossPlacement === 'center') // + (button size / 2) - (overlay size / 2)
|
|
6520
6588
|
// at this point the overlay center should match the button center
|
|
6521
|
-
position[crossAxis] += (((_childOffset_crossSize = childOffset[crossSize]) !== null && _childOffset_crossSize !==
|
|
6589
|
+
position[crossAxis] += (((_childOffset_crossSize = childOffset[crossSize]) !== null && _childOffset_crossSize !== undefined ? _childOffset_crossSize : 0) - ((_overlaySize_crossSize = overlaySize[crossSize]) !== null && _overlaySize_crossSize !== undefined ? _overlaySize_crossSize : 0)) / 2;
|
|
6522
6590
|
else if (crossPlacement !== crossAxis) // + (button size) - (overlay size)
|
|
6523
6591
|
// at this point the overlay bottom should match the button bottom
|
|
6524
|
-
position[crossAxis] += ((_childOffset_crossSize1 = childOffset[crossSize]) !== null && _childOffset_crossSize1 !==
|
|
6592
|
+
position[crossAxis] += ((_childOffset_crossSize1 = childOffset[crossSize]) !== null && _childOffset_crossSize1 !== undefined ? _childOffset_crossSize1 : 0) - ((_overlaySize_crossSize1 = overlaySize[crossSize]) !== null && _overlaySize_crossSize1 !== undefined ? _overlaySize_crossSize1 : 0);
|
|
6525
6593
|
/* else {
|
|
6526
6594
|
the overlay top should match the button top
|
|
6527
6595
|
} */
|
|
@@ -6547,23 +6615,23 @@ function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, contai
|
|
|
6547
6615
|
var _position_bottom;
|
|
6548
6616
|
// For cases where position is set via "bottom" instead of "top", we need to calculate the true overlay top with respect to the boundary. Reverse calculate this with the same method
|
|
6549
6617
|
// used in computePosition.
|
|
6550
|
-
let overlayTop = position.top != null ? containerOffsetWithBoundary.top + position.top : containerOffsetWithBoundary.top + (containerHeight - ((_position_bottom = position.bottom) !== null && _position_bottom !==
|
|
6618
|
+
let overlayTop = position.top != null ? containerOffsetWithBoundary.top + position.top : containerOffsetWithBoundary.top + (containerHeight - ((_position_bottom = position.bottom) !== null && _position_bottom !== undefined ? _position_bottom : 0) - overlayHeight);
|
|
6551
6619
|
var _boundaryDimensions_scroll_top, _margins_top, _margins_bottom, _boundaryDimensions_scroll_top1, _margins_top1, _margins_bottom1;
|
|
6552
6620
|
let maxHeight = heightGrowthDirection !== 'top' ? // We want the distance between the top of the overlay to the bottom of the boundary
|
|
6553
|
-
Math.max(0, boundaryDimensions.height + boundaryDimensions.top + ((_boundaryDimensions_scroll_top = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top !==
|
|
6554
|
-
- (((_margins_top = margins.top) !== null && _margins_top !==
|
|
6621
|
+
Math.max(0, boundaryDimensions.height + boundaryDimensions.top + ((_boundaryDimensions_scroll_top = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top !== undefined ? _boundaryDimensions_scroll_top : 0) - overlayTop // this is the top of the overlay
|
|
6622
|
+
- (((_margins_top = margins.top) !== null && _margins_top !== undefined ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== undefined ? _margins_bottom : 0) + padding // save additional space for margin and padding
|
|
6555
6623
|
)) : Math.max(0, overlayTop + overlayHeight // this is the bottom of the overlay
|
|
6556
|
-
- (boundaryDimensions.top + ((_boundaryDimensions_scroll_top1 = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top1 !==
|
|
6557
|
-
) - (((_margins_top1 = margins.top) !== null && _margins_top1 !==
|
|
6624
|
+
- (boundaryDimensions.top + ((_boundaryDimensions_scroll_top1 = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top1 !== undefined ? _boundaryDimensions_scroll_top1 : 0) // this is the top of the boundary
|
|
6625
|
+
) - (((_margins_top1 = margins.top) !== null && _margins_top1 !== undefined ? _margins_top1 : 0) + ((_margins_bottom1 = margins.bottom) !== null && _margins_bottom1 !== undefined ? _margins_bottom1 : 0) + padding // save additional space for margin and padding
|
|
6558
6626
|
));
|
|
6559
6627
|
return Math.min(boundaryDimensions.height - padding * 2, maxHeight);
|
|
6560
6628
|
}
|
|
6561
6629
|
function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
|
|
6562
6630
|
let { placement: placement, axis: axis, size: size } = placementInfo;
|
|
6563
6631
|
var _boundaryDimensions_scroll_axis, _margins_axis;
|
|
6564
|
-
if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - ((_boundaryDimensions_scroll_axis = boundaryDimensions.scroll[axis]) !== null && _boundaryDimensions_scroll_axis !==
|
|
6632
|
+
if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - ((_boundaryDimensions_scroll_axis = boundaryDimensions.scroll[axis]) !== null && _boundaryDimensions_scroll_axis !== undefined ? _boundaryDimensions_scroll_axis : 0) + containerOffsetWithBoundary[axis] - ((_margins_axis = margins[axis]) !== null && _margins_axis !== undefined ? _margins_axis : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
|
|
6565
6633
|
var _margins_axis1;
|
|
6566
|
-
return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - ((_margins_axis1 = margins[axis]) !== null && _margins_axis1 !==
|
|
6634
|
+
return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - ((_margins_axis1 = margins[axis]) !== null && _margins_axis1 !== undefined ? _margins_axis1 : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
|
|
6567
6635
|
}
|
|
6568
6636
|
function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset) {
|
|
6569
6637
|
let placementInfo = $edcf132a9284368a$var$parsePlacement(placementInput);
|
|
@@ -6611,7 +6679,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
6611
6679
|
const arrowMinPosition = arrowSize / 2 + arrowBoundaryOffset;
|
|
6612
6680
|
var _margins_left, _margins_right, _margins_top, _margins_bottom;
|
|
6613
6681
|
// overlaySize[crossSize] - margins = true size of the overlay
|
|
6614
|
-
const overlayMargin = $edcf132a9284368a$var$AXIS[crossAxis] === 'left' ? ((_margins_left = margins.left) !== null && _margins_left !==
|
|
6682
|
+
const overlayMargin = $edcf132a9284368a$var$AXIS[crossAxis] === 'left' ? ((_margins_left = margins.left) !== null && _margins_left !== undefined ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== undefined ? _margins_right : 0) : ((_margins_top = margins.top) !== null && _margins_top !== undefined ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== undefined ? _margins_bottom : 0);
|
|
6615
6683
|
const arrowMaxPosition = overlaySize[crossSize] - overlayMargin - arrowSize / 2 - arrowBoundaryOffset;
|
|
6616
6684
|
// Min/Max position limits for the arrow with respect to the trigger/overlay anchor element
|
|
6617
6685
|
// Same margin accomodation done here as well as for the preferredArrowPosition
|
|
@@ -6643,9 +6711,9 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
|
|
|
6643
6711
|
let overlaySize = $edcf132a9284368a$var$getOffset(overlayNode);
|
|
6644
6712
|
let margins = $edcf132a9284368a$var$getMargins(overlayNode);
|
|
6645
6713
|
var _margins_left, _margins_right;
|
|
6646
|
-
overlaySize.width += ((_margins_left = margins.left) !== null && _margins_left !==
|
|
6714
|
+
overlaySize.width += ((_margins_left = margins.left) !== null && _margins_left !== undefined ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== undefined ? _margins_right : 0);
|
|
6647
6715
|
var _margins_top, _margins_bottom;
|
|
6648
|
-
overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !==
|
|
6716
|
+
overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !== undefined ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== undefined ? _margins_bottom : 0);
|
|
6649
6717
|
let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
|
|
6650
6718
|
let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement);
|
|
6651
6719
|
let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container);
|
|
@@ -6800,15 +6868,15 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6800
6868
|
// Note, the position freezing breaks if body sizes itself dynamicly with the visual viewport but that might
|
|
6801
6869
|
// just be a non-realistic use case
|
|
6802
6870
|
// Upon opening a overlay, record the current visual viewport scale so we can freeze the overlay styles
|
|
6803
|
-
let lastScale = (useRef)($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6871
|
+
let lastScale = (useRef)($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.scale);
|
|
6804
6872
|
(useEffect)(()=>{
|
|
6805
|
-
if (isOpen) lastScale.current = $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6873
|
+
if (isOpen) lastScale.current = $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.scale;
|
|
6806
6874
|
}, [
|
|
6807
6875
|
isOpen
|
|
6808
6876
|
]);
|
|
6809
6877
|
let updatePosition = (useCallback)(()=>{
|
|
6810
6878
|
if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !boundaryElement) return;
|
|
6811
|
-
if (($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6879
|
+
if (($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.scale) !== lastScale.current) return;
|
|
6812
6880
|
// Determine a scroll anchor based on the focused element.
|
|
6813
6881
|
// This stores the offset of the anchor element from the scroll container
|
|
6814
6882
|
// so it can be restored after repositioning. This way if the overlay height
|
|
@@ -6816,19 +6884,19 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6816
6884
|
let anchor = null;
|
|
6817
6885
|
if (scrollRef.current && scrollRef.current.contains(document.activeElement)) {
|
|
6818
6886
|
var _document_activeElement;
|
|
6819
|
-
let anchorRect = (_document_activeElement = document.activeElement) === null || _document_activeElement ===
|
|
6887
|
+
let anchorRect = (_document_activeElement = document.activeElement) === null || _document_activeElement === undefined ? undefined : _document_activeElement.getBoundingClientRect();
|
|
6820
6888
|
let scrollRect = scrollRef.current.getBoundingClientRect();
|
|
6821
6889
|
var _anchorRect_top;
|
|
6822
6890
|
// Anchor from the top if the offset is in the top half of the scrollable element,
|
|
6823
6891
|
// otherwise anchor from the bottom.
|
|
6824
6892
|
anchor = {
|
|
6825
6893
|
type: 'top',
|
|
6826
|
-
offset: ((_anchorRect_top = anchorRect === null || anchorRect ===
|
|
6894
|
+
offset: ((_anchorRect_top = anchorRect === null || anchorRect === undefined ? undefined : anchorRect.top) !== null && _anchorRect_top !== undefined ? _anchorRect_top : 0) - scrollRect.top
|
|
6827
6895
|
};
|
|
6828
6896
|
if (anchor.offset > scrollRect.height / 2) {
|
|
6829
6897
|
anchor.type = 'bottom';
|
|
6830
6898
|
var _anchorRect_bottom;
|
|
6831
|
-
anchor.offset = ((_anchorRect_bottom = anchorRect === null || anchorRect ===
|
|
6899
|
+
anchor.offset = ((_anchorRect_bottom = anchorRect === null || anchorRect === undefined ? undefined : anchorRect.bottom) !== null && _anchorRect_bottom !== undefined ? _anchorRect_bottom : 0) - scrollRect.bottom;
|
|
6832
6900
|
}
|
|
6833
6901
|
}
|
|
6834
6902
|
// Always reset the overlay's previous max height if not defined by the user so that we can compensate for
|
|
@@ -6839,7 +6907,7 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6839
6907
|
overlay.style.top = '0px';
|
|
6840
6908
|
overlay.style.bottom = '';
|
|
6841
6909
|
var _window_visualViewport_height;
|
|
6842
|
-
overlay.style.maxHeight = ((_window_visualViewport_height = (_window_visualViewport = window.visualViewport) === null || _window_visualViewport ===
|
|
6910
|
+
overlay.style.maxHeight = ((_window_visualViewport_height = (_window_visualViewport = window.visualViewport) === null || _window_visualViewport === undefined ? undefined : _window_visualViewport.height) !== null && _window_visualViewport_height !== undefined ? _window_visualViewport_height : window.innerHeight) + 'px';
|
|
6843
6911
|
}
|
|
6844
6912
|
let position = ($edcf132a9284368a$export$b3ceb0cbf1056d98)({
|
|
6845
6913
|
placement: $2a41e45df1593e64$var$translateRTL(placement, direction),
|
|
@@ -6908,17 +6976,17 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6908
6976
|
let onScroll = ()=>{
|
|
6909
6977
|
if (isResizing.current) onResize();
|
|
6910
6978
|
};
|
|
6911
|
-
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6912
|
-
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6979
|
+
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.addEventListener('resize', onResize);
|
|
6980
|
+
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.addEventListener('scroll', onScroll);
|
|
6913
6981
|
return ()=>{
|
|
6914
|
-
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6915
|
-
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6982
|
+
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.removeEventListener('resize', onResize);
|
|
6983
|
+
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.removeEventListener('scroll', onScroll);
|
|
6916
6984
|
};
|
|
6917
6985
|
}, [
|
|
6918
6986
|
updatePosition
|
|
6919
6987
|
]);
|
|
6920
6988
|
let close = (useCallback)(()=>{
|
|
6921
|
-
if (!isResizing.current) onClose === null || onClose ===
|
|
6989
|
+
if (!isResizing.current) onClose === null || onClose === undefined ? undefined : onClose();
|
|
6922
6990
|
}, [
|
|
6923
6991
|
onClose,
|
|
6924
6992
|
isResizing
|
|
@@ -6936,17 +7004,17 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6936
7004
|
style: {
|
|
6937
7005
|
position: 'absolute',
|
|
6938
7006
|
zIndex: 100000,
|
|
6939
|
-
...position === null || position ===
|
|
6940
|
-
maxHeight: (_position_maxHeight = position === null || position ===
|
|
7007
|
+
...position === null || position === undefined ? undefined : position.position,
|
|
7008
|
+
maxHeight: (_position_maxHeight = position === null || position === undefined ? undefined : position.maxHeight) !== null && _position_maxHeight !== undefined ? _position_maxHeight : '100vh'
|
|
6941
7009
|
}
|
|
6942
7010
|
},
|
|
6943
|
-
placement: (_position_placement = position === null || position ===
|
|
7011
|
+
placement: (_position_placement = position === null || position === undefined ? undefined : position.placement) !== null && _position_placement !== undefined ? _position_placement : null,
|
|
6944
7012
|
arrowProps: {
|
|
6945
7013
|
'aria-hidden': 'true',
|
|
6946
7014
|
role: 'presentation',
|
|
6947
7015
|
style: {
|
|
6948
|
-
left: position === null || position ===
|
|
6949
|
-
top: position === null || position ===
|
|
7016
|
+
left: position === null || position === undefined ? undefined : position.arrowOffsetLeft,
|
|
7017
|
+
top: position === null || position === undefined ? undefined : position.arrowOffsetTop
|
|
6950
7018
|
}
|
|
6951
7019
|
},
|
|
6952
7020
|
updatePosition: updatePosition
|
|
@@ -7042,7 +7110,7 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
|
|
|
7042
7110
|
// do not close the outer overlay. At this point, the active scope should
|
|
7043
7111
|
// still be the outer overlay, since blur events run before focus.
|
|
7044
7112
|
if (!e.relatedTarget || ($9bf71ea28793e738$export$1258395f99bf9cbf)(e.relatedTarget)) return;
|
|
7045
|
-
if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose === null || onClose ===
|
|
7113
|
+
if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose === null || onClose === undefined ? undefined : onClose();
|
|
7046
7114
|
}
|
|
7047
7115
|
});
|
|
7048
7116
|
let onPointerDownUnderlay = (e)=>{
|
|
@@ -7280,8 +7348,8 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
|
|
|
7280
7348
|
}), $49c51c25361d4cd2$var$addEvent(document, 'focus', onFocus, true));
|
|
7281
7349
|
return ()=>{
|
|
7282
7350
|
// Restore styles and scroll the page back to where it was.
|
|
7283
|
-
restoreScrollableStyles === null || restoreScrollableStyles ===
|
|
7284
|
-
restoreStyles === null || restoreStyles ===
|
|
7351
|
+
restoreScrollableStyles === null || restoreScrollableStyles === undefined ? undefined : restoreScrollableStyles();
|
|
7352
|
+
restoreStyles === null || restoreStyles === undefined ? undefined : restoreStyles();
|
|
7285
7353
|
removeEvents();
|
|
7286
7354
|
};
|
|
7287
7355
|
}
|
|
@@ -7383,7 +7451,7 @@ function $f57aed4a881a3485$export$b47c3594eab58386(props) {
|
|
|
7383
7451
|
let isSSR = ($b5e257d569688ac6$export$535bd6ca7f90a273)();
|
|
7384
7452
|
let { portalContainer: portalContainer = isSSR ? null : document.body, ...rest } = props;
|
|
7385
7453
|
($dbSRa$react).useEffect(()=>{
|
|
7386
|
-
if (portalContainer === null || portalContainer ===
|
|
7454
|
+
if (portalContainer === null || portalContainer === undefined ? undefined : portalContainer.closest('[data-overlay-container]')) throw new Error('An OverlayContainer must not be inside another container. Please change the portalContainer prop.');
|
|
7387
7455
|
}, [
|
|
7388
7456
|
portalContainer
|
|
7389
7457
|
]);
|
|
@@ -7718,7 +7786,7 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
|
|
|
7718
7786
|
};
|
|
7719
7787
|
let hide = (node)=>{
|
|
7720
7788
|
var _refCountMap_get;
|
|
7721
|
-
let refCount = (_refCountMap_get = $5e3802645cc19319$var$refCountMap.get(node)) !== null && _refCountMap_get !==
|
|
7789
|
+
let refCount = (_refCountMap_get = $5e3802645cc19319$var$refCountMap.get(node)) !== null && _refCountMap_get !== undefined ? _refCountMap_get : 0;
|
|
7722
7790
|
// If already aria-hidden, and the ref count is zero, then this element
|
|
7723
7791
|
// was already hidden and there's nothing for us to do.
|
|
7724
7792
|
if (node.getAttribute('aria-hidden') === 'true' && refCount === 0) return;
|
|
@@ -7851,7 +7919,7 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
|
|
|
7851
7919
|
const $96b38030c423d352$export$60d741e20e0aa309 = /*#__PURE__*/ (createContext)({});
|
|
7852
7920
|
function $96b38030c423d352$export$574e9b0fb070c3b0() {
|
|
7853
7921
|
var _useContext;
|
|
7854
|
-
return (_useContext = (useContext)($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !==
|
|
7922
|
+
return (_useContext = (useContext)($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !== undefined ? _useContext : {};
|
|
7855
7923
|
}
|
|
7856
7924
|
|
|
7857
7925
|
/*
|
|
@@ -7898,9 +7966,9 @@ function $337b884510726a0d$export$c6fdb837b070b4ff(props) {
|
|
|
7898
7966
|
}
|
|
7899
7967
|
function $337b884510726a0d$export$14c98a7594375490() {
|
|
7900
7968
|
let ctx = (useContext)($337b884510726a0d$export$a2200b96afd16271);
|
|
7901
|
-
let setContain = ctx === null || ctx ===
|
|
7969
|
+
let setContain = ctx === null || ctx === undefined ? undefined : ctx.setContain;
|
|
7902
7970
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
7903
|
-
setContain === null || setContain ===
|
|
7971
|
+
setContain === null || setContain === undefined ? undefined : setContain(true);
|
|
7904
7972
|
}, [
|
|
7905
7973
|
setContain
|
|
7906
7974
|
]);
|
|
@@ -8082,7 +8150,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8082
8150
|
if (e.altKey && e.key === 'Tab') e.preventDefault();
|
|
8083
8151
|
// Keyboard events bubble through portals. Don't handle keyboard events
|
|
8084
8152
|
// for elements outside the collection (e.g. menus).
|
|
8085
|
-
if (!((_ref_current = ref.current) === null || _ref_current ===
|
|
8153
|
+
if (!((_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.contains(e.target))) return;
|
|
8086
8154
|
const navigateToKey = (key, childFocus)=>{
|
|
8087
8155
|
if (key != null) {
|
|
8088
8156
|
if (manager.isLink(key) && linkBehavior === 'selection' && selectOnFocus && !($feb5ffebff200149$export$d3e3bd3e26688c04)(e)) {
|
|
@@ -8091,7 +8159,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8091
8159
|
(flushSync)(()=>{
|
|
8092
8160
|
manager.setFocusedKey(key, childFocus);
|
|
8093
8161
|
});
|
|
8094
|
-
let item = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current ===
|
|
8162
|
+
let item = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === undefined ? undefined : _scrollRef_current.querySelector(`[data-key="${CSS.escape(key.toString())}"]`);
|
|
8095
8163
|
let itemProps = manager.getItemProps(key);
|
|
8096
8164
|
if (item) router.open(item, e, itemProps.href, itemProps.routerOptions);
|
|
8097
8165
|
return;
|
|
@@ -8106,8 +8174,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8106
8174
|
case 'ArrowDown':
|
|
8107
8175
|
if (delegate.getKeyBelow) {
|
|
8108
8176
|
var _delegate_getKeyBelow, _delegate_getFirstKey, _delegate_getFirstKey1;
|
|
8109
|
-
let nextKey = manager.focusedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow ===
|
|
8110
|
-
if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 ===
|
|
8177
|
+
let nextKey = manager.focusedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === undefined ? undefined : _delegate_getKeyBelow.call(delegate, manager.focusedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === undefined ? undefined : _delegate_getFirstKey.call(delegate);
|
|
8178
|
+
if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === undefined ? undefined : _delegate_getFirstKey1.call(delegate, manager.focusedKey);
|
|
8111
8179
|
if (nextKey != null) {
|
|
8112
8180
|
e.preventDefault();
|
|
8113
8181
|
navigateToKey(nextKey);
|
|
@@ -8117,8 +8185,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8117
8185
|
case 'ArrowUp':
|
|
8118
8186
|
if (delegate.getKeyAbove) {
|
|
8119
8187
|
var _delegate_getKeyAbove, _delegate_getLastKey, _delegate_getLastKey1;
|
|
8120
|
-
let nextKey = manager.focusedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove ===
|
|
8121
|
-
if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getLastKey1 = delegate.getLastKey) === null || _delegate_getLastKey1 ===
|
|
8188
|
+
let nextKey = manager.focusedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === undefined ? undefined : _delegate_getKeyAbove.call(delegate, manager.focusedKey) : (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === undefined ? undefined : _delegate_getLastKey.call(delegate);
|
|
8189
|
+
if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getLastKey1 = delegate.getLastKey) === null || _delegate_getLastKey1 === undefined ? undefined : _delegate_getLastKey1.call(delegate, manager.focusedKey);
|
|
8122
8190
|
if (nextKey != null) {
|
|
8123
8191
|
e.preventDefault();
|
|
8124
8192
|
navigateToKey(nextKey);
|
|
@@ -8128,8 +8196,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8128
8196
|
case 'ArrowLeft':
|
|
8129
8197
|
if (delegate.getKeyLeftOf) {
|
|
8130
8198
|
var _delegate_getKeyLeftOf, _delegate_getFirstKey2, _delegate_getLastKey2;
|
|
8131
|
-
let nextKey = manager.focusedKey != null ? (_delegate_getKeyLeftOf = delegate.getKeyLeftOf) === null || _delegate_getKeyLeftOf ===
|
|
8132
|
-
if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getFirstKey2 = delegate.getFirstKey) === null || _delegate_getFirstKey2 ===
|
|
8199
|
+
let nextKey = manager.focusedKey != null ? (_delegate_getKeyLeftOf = delegate.getKeyLeftOf) === null || _delegate_getKeyLeftOf === undefined ? undefined : _delegate_getKeyLeftOf.call(delegate, manager.focusedKey) : null;
|
|
8200
|
+
if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getFirstKey2 = delegate.getFirstKey) === null || _delegate_getFirstKey2 === undefined ? undefined : _delegate_getFirstKey2.call(delegate, manager.focusedKey) : (_delegate_getLastKey2 = delegate.getLastKey) === null || _delegate_getLastKey2 === undefined ? undefined : _delegate_getLastKey2.call(delegate, manager.focusedKey);
|
|
8133
8201
|
if (nextKey != null) {
|
|
8134
8202
|
e.preventDefault();
|
|
8135
8203
|
navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last');
|
|
@@ -8139,8 +8207,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8139
8207
|
case 'ArrowRight':
|
|
8140
8208
|
if (delegate.getKeyRightOf) {
|
|
8141
8209
|
var _delegate_getKeyRightOf, _delegate_getLastKey3, _delegate_getFirstKey3;
|
|
8142
|
-
let nextKey = manager.focusedKey != null ? (_delegate_getKeyRightOf = delegate.getKeyRightOf) === null || _delegate_getKeyRightOf ===
|
|
8143
|
-
if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getLastKey3 = delegate.getLastKey) === null || _delegate_getLastKey3 ===
|
|
8210
|
+
let nextKey = manager.focusedKey != null ? (_delegate_getKeyRightOf = delegate.getKeyRightOf) === null || _delegate_getKeyRightOf === undefined ? undefined : _delegate_getKeyRightOf.call(delegate, manager.focusedKey) : null;
|
|
8211
|
+
if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getLastKey3 = delegate.getLastKey) === null || _delegate_getLastKey3 === undefined ? undefined : _delegate_getLastKey3.call(delegate, manager.focusedKey) : (_delegate_getFirstKey3 = delegate.getFirstKey) === null || _delegate_getFirstKey3 === undefined ? undefined : _delegate_getFirstKey3.call(delegate, manager.focusedKey);
|
|
8144
8212
|
if (nextKey != null) {
|
|
8145
8213
|
e.preventDefault();
|
|
8146
8214
|
navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first');
|
|
@@ -8235,8 +8303,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8235
8303
|
var _scrollRef_current, _scrollRef_current1;
|
|
8236
8304
|
var _scrollRef_current_scrollTop, _scrollRef_current_scrollLeft;
|
|
8237
8305
|
scrollPos.current = {
|
|
8238
|
-
top: (_scrollRef_current_scrollTop = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current ===
|
|
8239
|
-
left: (_scrollRef_current_scrollLeft = (_scrollRef_current1 = scrollRef.current) === null || _scrollRef_current1 ===
|
|
8306
|
+
top: (_scrollRef_current_scrollTop = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === undefined ? undefined : _scrollRef_current.scrollTop) !== null && _scrollRef_current_scrollTop !== undefined ? _scrollRef_current_scrollTop : 0,
|
|
8307
|
+
left: (_scrollRef_current_scrollLeft = (_scrollRef_current1 = scrollRef.current) === null || _scrollRef_current1 === undefined ? undefined : _scrollRef_current1.scrollLeft) !== null && _scrollRef_current_scrollLeft !== undefined ? _scrollRef_current_scrollLeft : 0
|
|
8240
8308
|
};
|
|
8241
8309
|
});
|
|
8242
8310
|
let onFocus = (e)=>{
|
|
@@ -8261,8 +8329,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8261
8329
|
// and either focus the first or last item accordingly.
|
|
8262
8330
|
let relatedTarget = e.relatedTarget;
|
|
8263
8331
|
var _manager_lastSelectedKey, _manager_firstSelectedKey;
|
|
8264
|
-
if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) navigateToFirstKey((_manager_lastSelectedKey = manager.lastSelectedKey) !== null && _manager_lastSelectedKey !==
|
|
8265
|
-
else navigateToFirstKey((_manager_firstSelectedKey = manager.firstSelectedKey) !== null && _manager_firstSelectedKey !==
|
|
8332
|
+
if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) navigateToFirstKey((_manager_lastSelectedKey = manager.lastSelectedKey) !== null && _manager_lastSelectedKey !== undefined ? _manager_lastSelectedKey : (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === undefined ? undefined : _delegate_getLastKey.call(delegate));
|
|
8333
|
+
else navigateToFirstKey((_manager_firstSelectedKey = manager.firstSelectedKey) !== null && _manager_firstSelectedKey !== undefined ? _manager_firstSelectedKey : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === undefined ? undefined : _delegate_getFirstKey.call(delegate));
|
|
8266
8334
|
} else if (!isVirtualized && scrollRef.current) {
|
|
8267
8335
|
// Restore the scroll position to what it was before.
|
|
8268
8336
|
scrollRef.current.scrollTop = scrollPos.current.top;
|
|
@@ -8292,9 +8360,9 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8292
8360
|
let focusedKey = null;
|
|
8293
8361
|
var _delegate_getFirstKey1;
|
|
8294
8362
|
// Check focus strategy to determine which item to focus
|
|
8295
|
-
if (autoFocus === 'first') focusedKey = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey ===
|
|
8363
|
+
if (autoFocus === 'first') focusedKey = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === undefined ? undefined : _delegate_getFirstKey.call(delegate)) !== null && _delegate_getFirstKey1 !== undefined ? _delegate_getFirstKey1 : null;
|
|
8296
8364
|
var _delegate_getLastKey1;
|
|
8297
|
-
if (autoFocus === 'last') focusedKey = (_delegate_getLastKey1 = (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey ===
|
|
8365
|
+
if (autoFocus === 'last') focusedKey = (_delegate_getLastKey1 = (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey === undefined ? undefined : _delegate_getLastKey.call(delegate)) !== null && _delegate_getLastKey1 !== undefined ? _delegate_getLastKey1 : null;
|
|
8298
8366
|
// If there are any selected keys, make the first one the new focus target
|
|
8299
8367
|
let selectedKeys = manager.selectedKeys;
|
|
8300
8368
|
if (selectedKeys.size) {
|
|
@@ -8558,11 +8626,11 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
|
|
|
8558
8626
|
}
|
|
8559
8627
|
function $880e95eb8b93ba9a$var$isActionKey() {
|
|
8560
8628
|
let event = window.event;
|
|
8561
|
-
return (event === null || event ===
|
|
8629
|
+
return (event === null || event === undefined ? undefined : event.key) === 'Enter';
|
|
8562
8630
|
}
|
|
8563
8631
|
function $880e95eb8b93ba9a$var$isSelectionKey() {
|
|
8564
8632
|
let event = window.event;
|
|
8565
|
-
return (event === null || event ===
|
|
8633
|
+
return (event === null || event === undefined ? undefined : event.key) === ' ' || (event === null || event === undefined ? undefined : event.code) === 'Space';
|
|
8566
8634
|
}
|
|
8567
8635
|
|
|
8568
8636
|
/*
|
|
@@ -8594,18 +8662,18 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
|
|
|
8594
8662
|
let container = this.ref.current;
|
|
8595
8663
|
var _container_scrollWidth, _container_scrollHeight;
|
|
8596
8664
|
return {
|
|
8597
|
-
width: (_container_scrollWidth = container === null || container ===
|
|
8598
|
-
height: (_container_scrollHeight = container === null || container ===
|
|
8665
|
+
width: (_container_scrollWidth = container === null || container === undefined ? undefined : container.scrollWidth) !== null && _container_scrollWidth !== undefined ? _container_scrollWidth : 0,
|
|
8666
|
+
height: (_container_scrollHeight = container === null || container === undefined ? undefined : container.scrollHeight) !== null && _container_scrollHeight !== undefined ? _container_scrollHeight : 0
|
|
8599
8667
|
};
|
|
8600
8668
|
}
|
|
8601
8669
|
getVisibleRect() {
|
|
8602
8670
|
let container = this.ref.current;
|
|
8603
8671
|
var _container_scrollLeft, _container_scrollTop, _container_offsetWidth, _container_offsetHeight;
|
|
8604
8672
|
return {
|
|
8605
|
-
x: (_container_scrollLeft = container === null || container ===
|
|
8606
|
-
y: (_container_scrollTop = container === null || container ===
|
|
8607
|
-
width: (_container_offsetWidth = container === null || container ===
|
|
8608
|
-
height: (_container_offsetHeight = container === null || container ===
|
|
8673
|
+
x: (_container_scrollLeft = container === null || container === undefined ? undefined : container.scrollLeft) !== null && _container_scrollLeft !== undefined ? _container_scrollLeft : 0,
|
|
8674
|
+
y: (_container_scrollTop = container === null || container === undefined ? undefined : container.scrollTop) !== null && _container_scrollTop !== undefined ? _container_scrollTop : 0,
|
|
8675
|
+
width: (_container_offsetWidth = container === null || container === undefined ? undefined : container.offsetWidth) !== null && _container_offsetWidth !== undefined ? _container_offsetWidth : 0,
|
|
8676
|
+
height: (_container_offsetHeight = container === null || container === undefined ? undefined : container.offsetHeight) !== null && _container_offsetHeight !== undefined ? _container_offsetHeight : 0
|
|
8609
8677
|
};
|
|
8610
8678
|
}
|
|
8611
8679
|
constructor(ref){
|
|
@@ -8628,13 +8696,13 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
|
|
|
8628
8696
|
class $2a25aae57d74318e$export$a05409b8bb224a5a {
|
|
8629
8697
|
isDisabled(item) {
|
|
8630
8698
|
var _item_props;
|
|
8631
|
-
return this.disabledBehavior === 'all' && (((_item_props = item.props) === null || _item_props ===
|
|
8699
|
+
return this.disabledBehavior === 'all' && (((_item_props = item.props) === null || _item_props === undefined ? undefined : _item_props.isDisabled) || this.disabledKeys.has(item.key));
|
|
8632
8700
|
}
|
|
8633
8701
|
findNextNonDisabled(key, getNext) {
|
|
8634
8702
|
let nextKey = key;
|
|
8635
8703
|
while(nextKey != null){
|
|
8636
8704
|
let item = this.collection.getItem(nextKey);
|
|
8637
|
-
if ((item === null || item ===
|
|
8705
|
+
if ((item === null || item === undefined ? undefined : item.type) === 'item' && !this.isDisabled(item)) return nextKey;
|
|
8638
8706
|
nextKey = getNext(nextKey);
|
|
8639
8707
|
}
|
|
8640
8708
|
return null;
|
|
@@ -8732,7 +8800,7 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
|
|
|
8732
8800
|
itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
|
|
8733
8801
|
}
|
|
8734
8802
|
}
|
|
8735
|
-
return nextKey !== null && nextKey !==
|
|
8803
|
+
return nextKey !== null && nextKey !== undefined ? nextKey : this.getFirstKey();
|
|
8736
8804
|
}
|
|
8737
8805
|
getKeyPageBelow(key) {
|
|
8738
8806
|
let menu = this.ref.current;
|
|
@@ -8753,7 +8821,7 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
|
|
|
8753
8821
|
itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
|
|
8754
8822
|
}
|
|
8755
8823
|
}
|
|
8756
|
-
return nextKey !== null && nextKey !==
|
|
8824
|
+
return nextKey !== null && nextKey !== undefined ? nextKey : this.getLastKey();
|
|
8757
8825
|
}
|
|
8758
8826
|
getKeyForSearch(search, fromKey) {
|
|
8759
8827
|
if (!this.collator) return null;
|
|
@@ -8975,7 +9043,7 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
8975
9043
|
let v = partialNode.value;
|
|
8976
9044
|
if (v != null) {
|
|
8977
9045
|
var _v_key;
|
|
8978
|
-
let key = (_v_key = v.key) !== null && _v_key !==
|
|
9046
|
+
let key = (_v_key = v.key) !== null && _v_key !== undefined ? _v_key : v.id;
|
|
8979
9047
|
if (key == null) throw new Error('No key found for item');
|
|
8980
9048
|
return key;
|
|
8981
9049
|
}
|
|
@@ -8993,7 +9061,7 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
8993
9061
|
children.push(child);
|
|
8994
9062
|
});
|
|
8995
9063
|
var _partialNode_index;
|
|
8996
|
-
let index = (_partialNode_index = partialNode.index) !== null && _partialNode_index !==
|
|
9064
|
+
let index = (_partialNode_index = partialNode.index) !== null && _partialNode_index !== undefined ? _partialNode_index : 0;
|
|
8997
9065
|
for (const child of children)yield* this.getFullNode({
|
|
8998
9066
|
element: child,
|
|
8999
9067
|
index: index++
|
|
@@ -9023,13 +9091,13 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
9023
9091
|
}
|
|
9024
9092
|
let childNodes = type.getCollectionNode(element.props, this.context);
|
|
9025
9093
|
var _partialNode_index1;
|
|
9026
|
-
let index = (_partialNode_index1 = partialNode.index) !== null && _partialNode_index1 !==
|
|
9094
|
+
let index = (_partialNode_index1 = partialNode.index) !== null && _partialNode_index1 !== undefined ? _partialNode_index1 : 0;
|
|
9027
9095
|
let result = childNodes.next();
|
|
9028
9096
|
while(!result.done && result.value){
|
|
9029
9097
|
let childNode = result.value;
|
|
9030
9098
|
partialNode.index = index;
|
|
9031
9099
|
var _childNode_key;
|
|
9032
|
-
let nodeKey = (_childNode_key = childNode.key) !== null && _childNode_key !==
|
|
9100
|
+
let nodeKey = (_childNode_key = childNode.key) !== null && _childNode_key !== undefined ? _childNode_key : null;
|
|
9033
9101
|
if (nodeKey == null) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
|
|
9034
9102
|
let nodes = this.getFullNode({
|
|
9035
9103
|
...childNode,
|
|
@@ -9043,12 +9111,12 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
9043
9111
|
for (let node of children){
|
|
9044
9112
|
var _childNode_value, _ref;
|
|
9045
9113
|
// Cache the node based on its value
|
|
9046
|
-
node.value = (_ref = (_childNode_value = childNode.value) !== null && _childNode_value !==
|
|
9114
|
+
node.value = (_ref = (_childNode_value = childNode.value) !== null && _childNode_value !== undefined ? _childNode_value : partialNode.value) !== null && _ref !== undefined ? _ref : null;
|
|
9047
9115
|
if (node.value) this.cache.set(node.value, node);
|
|
9048
9116
|
var _parentNode_type;
|
|
9049
9117
|
// The partial node may have specified a type for the child in order to specify a constraint.
|
|
9050
9118
|
// Verify that the full node that was built recursively matches this type.
|
|
9051
|
-
if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$eb2240fc39a57fa5$var$capitalize(node.type)}> in <${$eb2240fc39a57fa5$var$capitalize((_parentNode_type = parentNode === null || parentNode ===
|
|
9119
|
+
if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$eb2240fc39a57fa5$var$capitalize(node.type)}> in <${$eb2240fc39a57fa5$var$capitalize((_parentNode_type = parentNode === null || parentNode === undefined ? undefined : parentNode.type) !== null && _parentNode_type !== undefined ? _parentNode_type : 'unknown parent type')}>. Only <${$eb2240fc39a57fa5$var$capitalize(partialNode.type)}> is supported.`);
|
|
9052
9120
|
index++;
|
|
9053
9121
|
yield node;
|
|
9054
9122
|
}
|
|
@@ -9066,11 +9134,11 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
9066
9134
|
props: partialNode.props,
|
|
9067
9135
|
key: partialNode.key,
|
|
9068
9136
|
parentKey: parentNode ? parentNode.key : null,
|
|
9069
|
-
value: (_partialNode_value = partialNode.value) !== null && _partialNode_value !==
|
|
9137
|
+
value: (_partialNode_value = partialNode.value) !== null && _partialNode_value !== undefined ? _partialNode_value : null,
|
|
9070
9138
|
level: parentNode ? parentNode.level + 1 : 0,
|
|
9071
9139
|
index: partialNode.index,
|
|
9072
9140
|
rendered: partialNode.rendered,
|
|
9073
|
-
textValue: (_partialNode_textValue = partialNode.textValue) !== null && _partialNode_textValue !==
|
|
9141
|
+
textValue: (_partialNode_textValue = partialNode.textValue) !== null && _partialNode_textValue !== undefined ? _partialNode_textValue : '',
|
|
9074
9142
|
'aria-label': partialNode['aria-label'],
|
|
9075
9143
|
wrapper: partialNode.wrapper,
|
|
9076
9144
|
shouldInvalidate: partialNode.shouldInvalidate,
|
|
@@ -9218,7 +9286,7 @@ function $c5a24bc478652b5f$export$8c434b3a7a4dad6(collection, a, b) {
|
|
|
9218
9286
|
function $c5a24bc478652b5f$var$getAncestors(collection, node) {
|
|
9219
9287
|
let parents = [];
|
|
9220
9288
|
let currNode = node;
|
|
9221
|
-
while((currNode === null || currNode ===
|
|
9289
|
+
while((currNode === null || currNode === undefined ? undefined : currNode.parentKey) != null){
|
|
9222
9290
|
currNode = collection.getItem(currNode.parentKey);
|
|
9223
9291
|
if (currNode) parents.unshift(currNode);
|
|
9224
9292
|
}
|
|
@@ -9271,17 +9339,17 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
9271
9339
|
let { key: key } = props;
|
|
9272
9340
|
let data = ($b1f0cad8af73213b$export$3585ede4d035bf14).get(state);
|
|
9273
9341
|
var _props_isDisabled;
|
|
9274
|
-
let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !==
|
|
9342
|
+
let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== undefined ? _props_isDisabled : state.selectionManager.isDisabled(key);
|
|
9275
9343
|
var _props_isSelected;
|
|
9276
|
-
let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !==
|
|
9344
|
+
let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== undefined ? _props_isSelected : state.selectionManager.isSelected(key);
|
|
9277
9345
|
var _props_shouldSelectOnPressUp;
|
|
9278
|
-
let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !==
|
|
9346
|
+
let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== undefined ? _props_shouldSelectOnPressUp : data === null || data === undefined ? undefined : data.shouldSelectOnPressUp;
|
|
9279
9347
|
var _props_shouldFocusOnHover;
|
|
9280
|
-
let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !==
|
|
9348
|
+
let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== undefined ? _props_shouldFocusOnHover : data === null || data === undefined ? undefined : data.shouldFocusOnHover;
|
|
9281
9349
|
var _props_shouldUseVirtualFocus;
|
|
9282
|
-
let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !==
|
|
9350
|
+
let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== undefined ? _props_shouldUseVirtualFocus : data === null || data === undefined ? undefined : data.shouldUseVirtualFocus;
|
|
9283
9351
|
var _props_isVirtualized;
|
|
9284
|
-
let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !==
|
|
9352
|
+
let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== undefined ? _props_isVirtualized : data === null || data === undefined ? undefined : data.isVirtualized;
|
|
9285
9353
|
let labelId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
|
|
9286
9354
|
let descriptionId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
|
|
9287
9355
|
let optionProps = {
|
|
@@ -9299,13 +9367,13 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
9299
9367
|
}
|
|
9300
9368
|
let item = state.collection.getItem(key);
|
|
9301
9369
|
if (isVirtualized) {
|
|
9302
|
-
let index = Number(item === null || item ===
|
|
9370
|
+
let index = Number(item === null || item === undefined ? undefined : item.index);
|
|
9303
9371
|
optionProps['aria-posinset'] = Number.isNaN(index) ? undefined : index + 1;
|
|
9304
9372
|
optionProps['aria-setsize'] = ($453cc9f0df89c0a5$export$77d5aafae4e095b2)(state.collection);
|
|
9305
9373
|
}
|
|
9306
|
-
let onAction = (data === null || data ===
|
|
9374
|
+
let onAction = (data === null || data === undefined ? undefined : data.onAction) ? ()=>{
|
|
9307
9375
|
var _data_onAction;
|
|
9308
|
-
return data === null || data ===
|
|
9376
|
+
return data === null || data === undefined ? undefined : (_data_onAction = data.onAction) === null || _data_onAction === undefined ? undefined : _data_onAction.call(data, key);
|
|
9309
9377
|
} : undefined;
|
|
9310
9378
|
let { itemProps: itemProps, isPressed: isPressed, isFocused: isFocused, hasAction: hasAction, allowsSelection: allowsSelection } = ($880e95eb8b93ba9a$export$ecf600387e221c37)({
|
|
9311
9379
|
selectionManager: state.selectionManager,
|
|
@@ -9316,8 +9384,8 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
9316
9384
|
isVirtualized: isVirtualized,
|
|
9317
9385
|
shouldUseVirtualFocus: shouldUseVirtualFocus,
|
|
9318
9386
|
isDisabled: isDisabled,
|
|
9319
|
-
onAction: onAction || (item === null || item ===
|
|
9320
|
-
linkBehavior: data === null || data ===
|
|
9387
|
+
onAction: onAction || (item === null || item === undefined ? undefined : (_item_props = item.props) === null || _item_props === undefined ? undefined : _item_props.onAction) ? ($ff5963eb1fccf552$export$e08e3b67e392101e)(item === null || item === undefined ? undefined : (_item_props1 = item.props) === null || _item_props1 === undefined ? undefined : _item_props1.onAction, onAction) : undefined,
|
|
9388
|
+
linkBehavior: data === null || data === undefined ? undefined : data.linkBehavior
|
|
9321
9389
|
});
|
|
9322
9390
|
let { hoverProps: hoverProps } = ($6179b936705e76d3$export$ae780daf29e6d456)({
|
|
9323
9391
|
isDisabled: isDisabled || !shouldFocusOnHover,
|
|
@@ -9328,9 +9396,9 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
9328
9396
|
}
|
|
9329
9397
|
}
|
|
9330
9398
|
});
|
|
9331
|
-
let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(item === null || item ===
|
|
9399
|
+
let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(item === null || item === undefined ? undefined : item.props);
|
|
9332
9400
|
delete domProps.id;
|
|
9333
|
-
let linkProps = ($ea8dcbcb9ea1b556$export$7e924b3091a3bd18)(item === null || item ===
|
|
9401
|
+
let linkProps = ($ea8dcbcb9ea1b556$export$7e924b3091a3bd18)(item === null || item === undefined ? undefined : item.props);
|
|
9334
9402
|
return {
|
|
9335
9403
|
optionProps: {
|
|
9336
9404
|
...optionProps,
|
|
@@ -9879,7 +9947,7 @@ function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
|
|
|
9879
9947
|
*/ const $ce9b18daab526bbd$export$5b9bb410392e3991 = new WeakMap();
|
|
9880
9948
|
function $ce9b18daab526bbd$export$f45c25170b9a99c2(state, key) {
|
|
9881
9949
|
var _listMap_get;
|
|
9882
|
-
let { id: id } = (_listMap_get = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state)) !== null && _listMap_get !==
|
|
9950
|
+
let { id: id } = (_listMap_get = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state)) !== null && _listMap_get !== undefined ? _listMap_get : {};
|
|
9883
9951
|
if (!id) throw new Error('Unknown list');
|
|
9884
9952
|
return `${id}-${$ce9b18daab526bbd$export$e0c709538cb8ae18(key)}`;
|
|
9885
9953
|
}
|
|
@@ -10458,7 +10526,7 @@ function $92599c3fd427b763$export$137e594ef3218a10(props, state) {
|
|
|
10458
10526
|
let { getRowText: getRowText = (key)=>{
|
|
10459
10527
|
var _state_collection_getTextValue, _state_collection, _state_collection_getItem;
|
|
10460
10528
|
var _state_collection_getTextValue1;
|
|
10461
|
-
return (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue ===
|
|
10529
|
+
return (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === undefined ? undefined : _state_collection_getTextValue.call(_state_collection, key)) !== null && _state_collection_getTextValue1 !== undefined ? _state_collection_getTextValue1 : (_state_collection_getItem = state.collection.getItem(key)) === null || _state_collection_getItem === undefined ? undefined : _state_collection_getItem.textValue;
|
|
10462
10530
|
} } = props;
|
|
10463
10531
|
let stringFormatter = ($fca6afa0e843324b$export$f12b703ca79dfbb1)((($parcel$interopDefault$3($835c96616a7cb4f9$exports))), '@react-aria/grid');
|
|
10464
10532
|
// Many screen readers do not announce when items in a grid are selected/deselected.
|
|
@@ -10498,7 +10566,7 @@ function $92599c3fd427b763$export$137e594ef3218a10(props, state) {
|
|
|
10498
10566
|
}
|
|
10499
10567
|
// Announce how many items are selected, except when selecting the first item.
|
|
10500
10568
|
if (state.selectionManager.selectionMode === 'multiple') {
|
|
10501
|
-
if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || ((_lastSelection_current = lastSelection.current) === null || _lastSelection_current ===
|
|
10569
|
+
if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || ((_lastSelection_current = lastSelection.current) === null || _lastSelection_current === undefined ? undefined : _lastSelection_current.size) > 1) messages.push(selection === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selectedCount', {
|
|
10502
10570
|
count: selection.size
|
|
10503
10571
|
}));
|
|
10504
10572
|
}
|
|
@@ -10663,7 +10731,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
|
|
|
10663
10731
|
var _ref_current;
|
|
10664
10732
|
// Don't shift focus to the row if the active element is a element within the row already
|
|
10665
10733
|
// (e.g. clicking on a row button)
|
|
10666
|
-
if (ref.current !== null && (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !((_ref_current = ref.current) === null || _ref_current ===
|
|
10734
|
+
if (ref.current !== null && (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !((_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.contains(document.activeElement)))) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
|
|
10667
10735
|
};
|
|
10668
10736
|
let treeGridRowProps = {};
|
|
10669
10737
|
let hasChildRows;
|
|
@@ -10672,29 +10740,29 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
|
|
|
10672
10740
|
var _state_collection_getChildren, _state_collection, _filter_at;
|
|
10673
10741
|
// TODO: ideally node.hasChildNodes would be a way to tell if a row has child nodes, but the row's contents make it so that value is always
|
|
10674
10742
|
// true...
|
|
10675
|
-
let children = (_state_collection_getChildren = (_state_collection = state.collection).getChildren) === null || _state_collection_getChildren ===
|
|
10743
|
+
let children = (_state_collection_getChildren = (_state_collection = state.collection).getChildren) === null || _state_collection_getChildren === undefined ? undefined : _state_collection_getChildren.call(_state_collection, node.key);
|
|
10676
10744
|
hasChildRows = [
|
|
10677
|
-
...children !== null && children !==
|
|
10745
|
+
...children !== null && children !== undefined ? children : []
|
|
10678
10746
|
].length > 1;
|
|
10679
10747
|
if (onAction == null && !hasLink && state.selectionManager.selectionMode === 'none' && hasChildRows) onAction = ()=>state.toggleKey(node.key);
|
|
10680
10748
|
let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : undefined;
|
|
10681
10749
|
let setSize = 1;
|
|
10682
10750
|
var _filter_at_index;
|
|
10683
|
-
if (node.level > 0 && (node === null || node ===
|
|
10751
|
+
if (node.level > 0 && (node === null || node === undefined ? undefined : node.parentKey) != null) {
|
|
10684
10752
|
let parent = state.collection.getItem(node.parentKey);
|
|
10685
10753
|
if (parent) {
|
|
10686
10754
|
var _state_collection_getChildren1, _state_collection1;
|
|
10687
10755
|
// siblings must exist because our original node exists, same with lastItem
|
|
10688
|
-
let siblings = (_state_collection_getChildren1 = (_state_collection1 = state.collection).getChildren) === null || _state_collection_getChildren1 ===
|
|
10756
|
+
let siblings = (_state_collection_getChildren1 = (_state_collection1 = state.collection).getChildren) === null || _state_collection_getChildren1 === undefined ? undefined : _state_collection_getChildren1.call(_state_collection1, parent.key);
|
|
10689
10757
|
setSize = ($c5a24bc478652b5f$export$7475b2c64539e4cf)(siblings).index + 1;
|
|
10690
10758
|
}
|
|
10691
10759
|
} else setSize = ((_filter_at_index = (_filter_at = [
|
|
10692
10760
|
...state.collection
|
|
10693
|
-
].filter((row)=>row.level === 0).at(-1)) === null || _filter_at ===
|
|
10761
|
+
].filter((row)=>row.level === 0).at(-1)) === null || _filter_at === undefined ? undefined : _filter_at.index) !== null && _filter_at_index !== undefined ? _filter_at_index : 0) + 1;
|
|
10694
10762
|
treeGridRowProps = {
|
|
10695
10763
|
'aria-expanded': isExpanded,
|
|
10696
10764
|
'aria-level': node.level + 1,
|
|
10697
|
-
'aria-posinset': (node === null || node ===
|
|
10765
|
+
'aria-posinset': (node === null || node === undefined ? undefined : node.index) + 1,
|
|
10698
10766
|
'aria-setsize': setSize
|
|
10699
10767
|
};
|
|
10700
10768
|
}
|
|
@@ -10704,7 +10772,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
|
|
|
10704
10772
|
ref: ref,
|
|
10705
10773
|
isVirtualized: isVirtualized,
|
|
10706
10774
|
shouldSelectOnPressUp: shouldSelectOnPressUp,
|
|
10707
|
-
onAction: onAction || ((_node_props = node.props) === null || _node_props ===
|
|
10775
|
+
onAction: onAction || ((_node_props = node.props) === null || _node_props === undefined ? undefined : _node_props.onAction) ? ($ff5963eb1fccf552$export$e08e3b67e392101e)((_node_props1 = node.props) === null || _node_props1 === undefined ? undefined : _node_props1.onAction, onAction ? ()=>onAction(node.key) : undefined) : undefined,
|
|
10708
10776
|
focus: focus,
|
|
10709
10777
|
linkBehavior: linkBehavior
|
|
10710
10778
|
});
|
|
@@ -10797,7 +10865,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
|
|
|
10797
10865
|
var _ref_current_parentElement;
|
|
10798
10866
|
e.stopPropagation();
|
|
10799
10867
|
e.preventDefault();
|
|
10800
|
-
(_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement ===
|
|
10868
|
+
(_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === undefined ? undefined : _ref_current_parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
|
|
10801
10869
|
}
|
|
10802
10870
|
break;
|
|
10803
10871
|
case 'Tab':
|
|
@@ -11003,7 +11071,7 @@ function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
|
|
|
11003
11071
|
let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
|
|
11004
11072
|
onBlurWithin (e) {
|
|
11005
11073
|
var _props_onBlur;
|
|
11006
|
-
(_props_onBlur = props.onBlur) === null || _props_onBlur ===
|
|
11074
|
+
(_props_onBlur = props.onBlur) === null || _props_onBlur === undefined ? undefined : _props_onBlur.call(props, e);
|
|
11007
11075
|
if (!state.selectedValue) state.setLastFocusedValue(null);
|
|
11008
11076
|
},
|
|
11009
11077
|
onFocusWithin: props.onFocus,
|
|
@@ -11126,7 +11194,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
|
|
|
11126
11194
|
var _delegate_getKeyAbove, _delegate_getFirstKey;
|
|
11127
11195
|
// prevent scrolling containers
|
|
11128
11196
|
e.preventDefault();
|
|
11129
|
-
let key = state.selectedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove ===
|
|
11197
|
+
let key = state.selectedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === undefined ? undefined : _delegate_getKeyAbove.call(delegate, state.selectedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === undefined ? undefined : _delegate_getFirstKey.call(delegate);
|
|
11130
11198
|
if (key) state.setSelectedKey(key);
|
|
11131
11199
|
break;
|
|
11132
11200
|
}
|
|
@@ -11135,7 +11203,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
|
|
|
11135
11203
|
var _delegate_getKeyBelow, _delegate_getFirstKey1;
|
|
11136
11204
|
// prevent scrolling containers
|
|
11137
11205
|
e.preventDefault();
|
|
11138
|
-
let key = state.selectedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow ===
|
|
11206
|
+
let key = state.selectedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === undefined ? undefined : _delegate_getKeyBelow.call(delegate, state.selectedKey) : (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === undefined ? undefined : _delegate_getFirstKey1.call(delegate);
|
|
11139
11207
|
if (key) state.setSelectedKey(key);
|
|
11140
11208
|
break;
|
|
11141
11209
|
}
|
|
@@ -11174,7 +11242,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
|
|
|
11174
11242
|
onClick: ()=>{
|
|
11175
11243
|
if (!props.isDisabled) {
|
|
11176
11244
|
var _ref_current;
|
|
11177
|
-
(_ref_current = ref.current) === null || _ref_current ===
|
|
11245
|
+
(_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.focus();
|
|
11178
11246
|
// Show the focus ring so the user knows where focus went
|
|
11179
11247
|
($507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
|
|
11180
11248
|
}
|
|
@@ -11257,7 +11325,7 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
|
|
|
11257
11325
|
validationBehavior: validationBehavior,
|
|
11258
11326
|
focus: ()=>{
|
|
11259
11327
|
var _triggerRef_current;
|
|
11260
|
-
return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current ===
|
|
11328
|
+
return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === undefined ? undefined : _triggerRef_current.focus();
|
|
11261
11329
|
}
|
|
11262
11330
|
}, state, props.selectRef);
|
|
11263
11331
|
var _state_selectedKey;
|
|
@@ -11287,7 +11355,7 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
|
|
|
11287
11355
|
disabled: isDisabled,
|
|
11288
11356
|
required: validationBehavior === 'native' && isRequired,
|
|
11289
11357
|
name: name,
|
|
11290
|
-
value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !==
|
|
11358
|
+
value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== undefined ? _state_selectedKey : '',
|
|
11291
11359
|
onChange: (e)=>state.setSelectedKey(e.target.value)
|
|
11292
11360
|
}
|
|
11293
11361
|
};
|
|
@@ -11323,7 +11391,7 @@ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
|
|
|
11323
11391
|
autoComplete: selectProps.autoComplete,
|
|
11324
11392
|
name: name,
|
|
11325
11393
|
disabled: isDisabled,
|
|
11326
|
-
value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !==
|
|
11394
|
+
value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== undefined ? _state_selectedKey : ''
|
|
11327
11395
|
});
|
|
11328
11396
|
return null;
|
|
11329
11397
|
}
|
|
@@ -11737,8 +11805,8 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
|
|
|
11737
11805
|
let onKeyDown = (e)=>{
|
|
11738
11806
|
if (e.key === 'Delete' || e.key === 'Backspace') {
|
|
11739
11807
|
e.preventDefault();
|
|
11740
|
-
if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove ===
|
|
11741
|
-
else onRemove === null || onRemove ===
|
|
11808
|
+
if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === undefined ? undefined : onRemove(new Set(state.selectionManager.selectedKeys));
|
|
11809
|
+
else onRemove === null || onRemove === undefined ? undefined : onRemove(new Set([
|
|
11742
11810
|
item.key
|
|
11743
11811
|
]));
|
|
11744
11812
|
}
|
|
@@ -11792,8 +11860,8 @@ function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
|
|
|
11792
11860
|
labelable: true
|
|
11793
11861
|
});
|
|
11794
11862
|
let { hoverProps: hoverProps } = ($6179b936705e76d3$export$ae780daf29e6d456)({
|
|
11795
|
-
onHoverStart: ()=>state === null || state ===
|
|
11796
|
-
onHoverEnd: ()=>state === null || state ===
|
|
11863
|
+
onHoverStart: ()=>state === null || state === undefined ? undefined : state.open(true),
|
|
11864
|
+
onHoverEnd: ()=>state === null || state === undefined ? undefined : state.close()
|
|
11797
11865
|
});
|
|
11798
11866
|
return {
|
|
11799
11867
|
tooltipProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, hoverProps, {
|
|
@@ -11920,6 +11988,58 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
|
11920
11988
|
*/
|
|
11921
11989
|
|
|
11922
11990
|
|
|
11991
|
+
const $4f118338184dc1d9$export$e2509388b49734e7 = /*#__PURE__*/ (createContext)(null);
|
|
11992
|
+
function $4f118338184dc1d9$var$Link(props, ref) {
|
|
11993
|
+
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $4f118338184dc1d9$export$e2509388b49734e7);
|
|
11994
|
+
let ElementType = props.href && !props.isDisabled ? 'a' : 'span';
|
|
11995
|
+
let { linkProps: linkProps, isPressed: isPressed } = ($298d61e98472621b$export$dcf14c9974fe2767)({
|
|
11996
|
+
...props,
|
|
11997
|
+
elementType: ElementType
|
|
11998
|
+
}, ref);
|
|
11999
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)(props);
|
|
12000
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = ($f7dceffc5ad7768b$export$4e328f61c538687f)();
|
|
12001
|
+
let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
12002
|
+
...props,
|
|
12003
|
+
defaultClassName: 'react-aria-Link',
|
|
12004
|
+
values: {
|
|
12005
|
+
isCurrent: !!props['aria-current'],
|
|
12006
|
+
isDisabled: props.isDisabled || false,
|
|
12007
|
+
isPressed: isPressed,
|
|
12008
|
+
isHovered: isHovered,
|
|
12009
|
+
isFocused: isFocused,
|
|
12010
|
+
isFocusVisible: isFocusVisible
|
|
12011
|
+
}
|
|
12012
|
+
});
|
|
12013
|
+
return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
|
|
12014
|
+
ref: ref,
|
|
12015
|
+
slot: props.slot || undefined,
|
|
12016
|
+
...($3ef42575df84b30b$export$9d1611c77c2fe928)(renderProps, linkProps, hoverProps, focusProps),
|
|
12017
|
+
"data-focused": isFocused || undefined,
|
|
12018
|
+
"data-hovered": isHovered || undefined,
|
|
12019
|
+
"data-pressed": isPressed || undefined,
|
|
12020
|
+
"data-focus-visible": isFocusVisible || undefined,
|
|
12021
|
+
"data-current": !!props['aria-current'] || undefined,
|
|
12022
|
+
"data-disabled": props.isDisabled || undefined
|
|
12023
|
+
}, renderProps.children);
|
|
12024
|
+
}
|
|
12025
|
+
/**
|
|
12026
|
+
* A link allows a user to navigate to another page or resource within a web page
|
|
12027
|
+
* or application.
|
|
12028
|
+
*/ const $4f118338184dc1d9$export$a6c7ac8248d6e38a = /*#__PURE__*/ (forwardRef)($4f118338184dc1d9$var$Link);
|
|
12029
|
+
|
|
12030
|
+
/*
|
|
12031
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
12032
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
12033
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
12034
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
12035
|
+
*
|
|
12036
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
12037
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
12038
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
12039
|
+
* governing permissions and limitations under the License.
|
|
12040
|
+
*/
|
|
12041
|
+
|
|
12042
|
+
|
|
11923
12043
|
const $01b77f81d0f07f68$export$75b6ee27786ba447 = /*#__PURE__*/ (createContext)({});
|
|
11924
12044
|
function $01b77f81d0f07f68$var$Label(props, ref) {
|
|
11925
12045
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $01b77f81d0f07f68$export$75b6ee27786ba447);
|
|
@@ -11995,7 +12115,7 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
|
|
|
11995
12115
|
isFocused: isFocused,
|
|
11996
12116
|
isFocusVisible: isFocusVisible,
|
|
11997
12117
|
isDisabled: props.isDisabled || false,
|
|
11998
|
-
isPending: isPending !== null && isPending !==
|
|
12118
|
+
isPending: isPending !== null && isPending !== undefined ? isPending : false
|
|
11999
12119
|
};
|
|
12000
12120
|
let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
12001
12121
|
...props,
|
|
@@ -12147,7 +12267,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12147
12267
|
invalidValues.current = s;
|
|
12148
12268
|
validation.updateValidation(($e5be200c675c3b3a$export$75ee7c75d68f5b0e)(...s.values()));
|
|
12149
12269
|
},
|
|
12150
|
-
validationState: (_props_validationState = props.validationState) !== null && _props_validationState !==
|
|
12270
|
+
validationState: (_props_validationState = props.validationState) !== null && _props_validationState !== undefined ? _props_validationState : isInvalid ? 'invalid' : null,
|
|
12151
12271
|
isInvalid: isInvalid,
|
|
12152
12272
|
isRequired: isRequired
|
|
12153
12273
|
};
|
|
@@ -12177,12 +12297,12 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12177
12297
|
getKeyBefore(key) {
|
|
12178
12298
|
let node = this.keyMap.get(key);
|
|
12179
12299
|
var _node_prevKey;
|
|
12180
|
-
return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !==
|
|
12300
|
+
return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !== undefined ? _node_prevKey : null : null;
|
|
12181
12301
|
}
|
|
12182
12302
|
getKeyAfter(key) {
|
|
12183
12303
|
let node = this.keyMap.get(key);
|
|
12184
12304
|
var _node_nextKey;
|
|
12185
|
-
return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !==
|
|
12305
|
+
return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !== undefined ? _node_nextKey : null : null;
|
|
12186
12306
|
}
|
|
12187
12307
|
getFirstKey() {
|
|
12188
12308
|
return this.firstKey;
|
|
@@ -12192,7 +12312,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12192
12312
|
}
|
|
12193
12313
|
getItem(key) {
|
|
12194
12314
|
var _this_keyMap_get;
|
|
12195
|
-
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !==
|
|
12315
|
+
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== undefined ? _this_keyMap_get : null;
|
|
12196
12316
|
}
|
|
12197
12317
|
at(idx) {
|
|
12198
12318
|
const keys = [
|
|
@@ -12202,7 +12322,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12202
12322
|
}
|
|
12203
12323
|
getChildren(key) {
|
|
12204
12324
|
let node = this.keyMap.get(key);
|
|
12205
|
-
return (node === null || node ===
|
|
12325
|
+
return (node === null || node === undefined ? undefined : node.childNodes) || [];
|
|
12206
12326
|
}
|
|
12207
12327
|
constructor(nodes){
|
|
12208
12328
|
this.keyMap = new Map();
|
|
@@ -12231,7 +12351,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12231
12351
|
last.nextKey = undefined;
|
|
12232
12352
|
}
|
|
12233
12353
|
var _last_key;
|
|
12234
|
-
this.lastKey = (_last_key = last === null || last ===
|
|
12354
|
+
this.lastKey = (_last_key = last === null || last === undefined ? undefined : last.key) !== null && _last_key !== undefined ? _last_key : null;
|
|
12235
12355
|
}
|
|
12236
12356
|
}
|
|
12237
12357
|
|
|
@@ -12249,11 +12369,11 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12249
12369
|
constructor(keys, anchorKey, currentKey){
|
|
12250
12370
|
super(keys);
|
|
12251
12371
|
if (keys instanceof $e40ea825a81a3709$export$52baac22726c72bf) {
|
|
12252
|
-
this.anchorKey = anchorKey !== null && anchorKey !==
|
|
12253
|
-
this.currentKey = currentKey !== null && currentKey !==
|
|
12372
|
+
this.anchorKey = anchorKey !== null && anchorKey !== undefined ? anchorKey : keys.anchorKey;
|
|
12373
|
+
this.currentKey = currentKey !== null && currentKey !== undefined ? currentKey : keys.currentKey;
|
|
12254
12374
|
} else {
|
|
12255
|
-
this.anchorKey = anchorKey !== null && anchorKey !==
|
|
12256
|
-
this.currentKey = currentKey !== null && currentKey !==
|
|
12375
|
+
this.anchorKey = anchorKey !== null && anchorKey !== undefined ? anchorKey : null;
|
|
12376
|
+
this.currentKey = currentKey !== null && currentKey !== undefined ? currentKey : null;
|
|
12257
12377
|
}
|
|
12258
12378
|
}
|
|
12259
12379
|
}
|
|
@@ -12445,7 +12565,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12445
12565
|
if (!first || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, first) < 0) first = item;
|
|
12446
12566
|
}
|
|
12447
12567
|
var _first_key;
|
|
12448
|
-
return (_first_key = first === null || first ===
|
|
12568
|
+
return (_first_key = first === null || first === undefined ? undefined : first.key) !== null && _first_key !== undefined ? _first_key : null;
|
|
12449
12569
|
}
|
|
12450
12570
|
get lastSelectedKey() {
|
|
12451
12571
|
let last = null;
|
|
@@ -12454,7 +12574,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12454
12574
|
if (!last || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, last) > 0) last = item;
|
|
12455
12575
|
}
|
|
12456
12576
|
var _last_key;
|
|
12457
|
-
return (_last_key = last === null || last ===
|
|
12577
|
+
return (_last_key = last === null || last === undefined ? undefined : last.key) !== null && _last_key !== undefined ? _last_key : null;
|
|
12458
12578
|
}
|
|
12459
12579
|
get disabledKeys() {
|
|
12460
12580
|
return this.state.disabledKeys;
|
|
@@ -12480,10 +12600,10 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12480
12600
|
else {
|
|
12481
12601
|
let selectedKeys = this.state.selectedKeys;
|
|
12482
12602
|
var _selectedKeys_anchorKey;
|
|
12483
|
-
let anchorKey = (_selectedKeys_anchorKey = selectedKeys.anchorKey) !== null && _selectedKeys_anchorKey !==
|
|
12603
|
+
let anchorKey = (_selectedKeys_anchorKey = selectedKeys.anchorKey) !== null && _selectedKeys_anchorKey !== undefined ? _selectedKeys_anchorKey : mappedToKey;
|
|
12484
12604
|
selection = new ($e40ea825a81a3709$export$52baac22726c72bf)(selectedKeys, anchorKey, mappedToKey);
|
|
12485
12605
|
var _selectedKeys_currentKey;
|
|
12486
|
-
for (let key of this.getKeyRange(anchorKey, (_selectedKeys_currentKey = selectedKeys.currentKey) !== null && _selectedKeys_currentKey !==
|
|
12606
|
+
for (let key of this.getKeyRange(anchorKey, (_selectedKeys_currentKey = selectedKeys.currentKey) !== null && _selectedKeys_currentKey !== undefined ? _selectedKeys_currentKey : mappedToKey))selection.delete(key);
|
|
12487
12607
|
for (let key of this.getKeyRange(mappedToKey, anchorKey))if (this.canSelectItem(key)) selection.add(key);
|
|
12488
12608
|
}
|
|
12489
12609
|
this.state.setSelectedKeys(selection);
|
|
@@ -12499,7 +12619,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12499
12619
|
}
|
|
12500
12620
|
getKeyRangeInternal(from, to) {
|
|
12501
12621
|
var _this_layoutDelegate;
|
|
12502
|
-
if ((_this_layoutDelegate = this.layoutDelegate) === null || _this_layoutDelegate ===
|
|
12622
|
+
if ((_this_layoutDelegate = this.layoutDelegate) === null || _this_layoutDelegate === undefined ? undefined : _this_layoutDelegate.getKeyRange) return this.layoutDelegate.getKeyRange(from, to);
|
|
12503
12623
|
let keys = [];
|
|
12504
12624
|
let key = from;
|
|
12505
12625
|
while(key != null){
|
|
@@ -12573,10 +12693,10 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12573
12693
|
if (this.canSelectItem(key)) {
|
|
12574
12694
|
var _getFirstItem;
|
|
12575
12695
|
let item = this.collection.getItem(key);
|
|
12576
|
-
if ((item === null || item ===
|
|
12696
|
+
if ((item === null || item === undefined ? undefined : item.type) === 'item') keys.push(key);
|
|
12577
12697
|
var _getFirstItem_key;
|
|
12578
12698
|
// Add child keys. If cell selection is allowed, then include item children too.
|
|
12579
|
-
if ((item === null || item ===
|
|
12699
|
+
if ((item === null || item === undefined ? undefined : item.hasChildNodes) && (this.allowsCellSelection || item.type !== 'item')) addKeys((_getFirstItem_key = (_getFirstItem = ($c5a24bc478652b5f$export$fbdeaa6a76694f71)(($c5a24bc478652b5f$export$1005530eda016c13)(item, this.collection))) === null || _getFirstItem === undefined ? undefined : _getFirstItem.key) !== null && _getFirstItem_key !== undefined ? _getFirstItem_key : null);
|
|
12580
12700
|
}
|
|
12581
12701
|
key = this.collection.getKeyAfter(key);
|
|
12582
12702
|
}
|
|
@@ -12628,28 +12748,28 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12628
12748
|
var _item_props;
|
|
12629
12749
|
if (this.state.selectionMode === 'none' || this.state.disabledKeys.has(key)) return false;
|
|
12630
12750
|
let item = this.collection.getItem(key);
|
|
12631
|
-
if (!item || (item === null || item ===
|
|
12751
|
+
if (!item || (item === null || item === undefined ? undefined : (_item_props = item.props) === null || _item_props === undefined ? undefined : _item_props.isDisabled) || item.type === 'cell' && !this.allowsCellSelection) return false;
|
|
12632
12752
|
return true;
|
|
12633
12753
|
}
|
|
12634
12754
|
isDisabled(key) {
|
|
12635
12755
|
var _this_collection_getItem_props, _this_collection_getItem;
|
|
12636
|
-
return this.state.disabledBehavior === 'all' && (this.state.disabledKeys.has(key) || !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem ===
|
|
12756
|
+
return this.state.disabledBehavior === 'all' && (this.state.disabledKeys.has(key) || !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === undefined ? undefined : (_this_collection_getItem_props = _this_collection_getItem.props) === null || _this_collection_getItem_props === undefined ? undefined : _this_collection_getItem_props.isDisabled));
|
|
12637
12757
|
}
|
|
12638
12758
|
isLink(key) {
|
|
12639
12759
|
var _this_collection_getItem_props, _this_collection_getItem;
|
|
12640
|
-
return !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem ===
|
|
12760
|
+
return !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === undefined ? undefined : (_this_collection_getItem_props = _this_collection_getItem.props) === null || _this_collection_getItem_props === undefined ? undefined : _this_collection_getItem_props.href);
|
|
12641
12761
|
}
|
|
12642
12762
|
getItemProps(key) {
|
|
12643
12763
|
var _this_collection_getItem;
|
|
12644
|
-
return (_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem ===
|
|
12764
|
+
return (_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === undefined ? undefined : _this_collection_getItem.props;
|
|
12645
12765
|
}
|
|
12646
12766
|
constructor(collection, state, options){
|
|
12647
12767
|
this.collection = collection;
|
|
12648
12768
|
this.state = state;
|
|
12649
12769
|
var _options_allowsCellSelection;
|
|
12650
|
-
this.allowsCellSelection = (_options_allowsCellSelection = options === null || options ===
|
|
12770
|
+
this.allowsCellSelection = (_options_allowsCellSelection = options === null || options === undefined ? undefined : options.allowsCellSelection) !== null && _options_allowsCellSelection !== undefined ? _options_allowsCellSelection : false;
|
|
12651
12771
|
this._isSelectAll = null;
|
|
12652
|
-
this.layoutDelegate = (options === null || options ===
|
|
12772
|
+
this.layoutDelegate = (options === null || options === undefined ? undefined : options.layoutDelegate) || null;
|
|
12653
12773
|
}
|
|
12654
12774
|
}
|
|
12655
12775
|
|
|
@@ -12698,18 +12818,18 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
|
|
|
12698
12818
|
...cachedCollection.current.getKeys()
|
|
12699
12819
|
].map((key)=>{
|
|
12700
12820
|
const itemNode = cachedCollection.current.getItem(key);
|
|
12701
|
-
return (itemNode === null || itemNode ===
|
|
12821
|
+
return (itemNode === null || itemNode === undefined ? undefined : itemNode.type) === 'item' ? itemNode : null;
|
|
12702
12822
|
}).filter((node)=>node !== null);
|
|
12703
12823
|
const itemNodes = [
|
|
12704
12824
|
...collection.getKeys()
|
|
12705
12825
|
].map((key)=>{
|
|
12706
12826
|
const itemNode = collection.getItem(key);
|
|
12707
|
-
return (itemNode === null || itemNode ===
|
|
12827
|
+
return (itemNode === null || itemNode === undefined ? undefined : itemNode.type) === 'item' ? itemNode : null;
|
|
12708
12828
|
}).filter((node)=>node !== null);
|
|
12709
12829
|
var _cachedItemNodes_length, _itemNodes_length;
|
|
12710
|
-
const diff = ((_cachedItemNodes_length = cachedItemNodes === null || cachedItemNodes ===
|
|
12830
|
+
const diff = ((_cachedItemNodes_length = cachedItemNodes === null || cachedItemNodes === undefined ? undefined : cachedItemNodes.length) !== null && _cachedItemNodes_length !== undefined ? _cachedItemNodes_length : 0) - ((_itemNodes_length = itemNodes === null || itemNodes === undefined ? undefined : itemNodes.length) !== null && _itemNodes_length !== undefined ? _itemNodes_length : 0);
|
|
12711
12831
|
var _startItem_index, _startItem_index1, _itemNodes_length1;
|
|
12712
|
-
let index = Math.min(diff > 1 ? Math.max(((_startItem_index = startItem === null || startItem ===
|
|
12832
|
+
let index = Math.min(diff > 1 ? Math.max(((_startItem_index = startItem === null || startItem === undefined ? undefined : startItem.index) !== null && _startItem_index !== undefined ? _startItem_index : 0) - diff + 1, 0) : (_startItem_index1 = startItem === null || startItem === undefined ? undefined : startItem.index) !== null && _startItem_index1 !== undefined ? _startItem_index1 : 0, ((_itemNodes_length1 = itemNodes === null || itemNodes === undefined ? undefined : itemNodes.length) !== null && _itemNodes_length1 !== undefined ? _itemNodes_length1 : 0) - 1);
|
|
12713
12833
|
let newNode = null;
|
|
12714
12834
|
let isReverseSearching = false;
|
|
12715
12835
|
while(index >= 0){
|
|
@@ -12722,7 +12842,7 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
|
|
|
12722
12842
|
else {
|
|
12723
12843
|
isReverseSearching = true;
|
|
12724
12844
|
var _startItem_index2, _startItem_index3;
|
|
12725
|
-
if (index > ((_startItem_index2 = startItem === null || startItem ===
|
|
12845
|
+
if (index > ((_startItem_index2 = startItem === null || startItem === undefined ? undefined : startItem.index) !== null && _startItem_index2 !== undefined ? _startItem_index2 : 0)) index = (_startItem_index3 = startItem === null || startItem === undefined ? undefined : startItem.index) !== null && _startItem_index3 !== undefined ? _startItem_index3 : 0;
|
|
12726
12846
|
index--;
|
|
12727
12847
|
}
|
|
12728
12848
|
}
|
|
@@ -12757,7 +12877,7 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
|
|
|
12757
12877
|
|
|
12758
12878
|
function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
|
|
12759
12879
|
var _props_defaultSelectedKey;
|
|
12760
|
-
let [selectedKey, setSelectedKey] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !==
|
|
12880
|
+
let [selectedKey, setSelectedKey] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== undefined ? _props_defaultSelectedKey : null, props.onSelectionChange);
|
|
12761
12881
|
let selectedKeys = (useMemo)(()=>selectedKey != null ? [
|
|
12762
12882
|
selectedKey
|
|
12763
12883
|
] : [], [
|
|
@@ -12773,7 +12893,7 @@ function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
|
|
|
12773
12893
|
// impossible, but TS doesn't know that
|
|
12774
12894
|
if (keys === 'all') return;
|
|
12775
12895
|
var _keys_values_next_value;
|
|
12776
|
-
let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !==
|
|
12896
|
+
let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== undefined ? _keys_values_next_value : null;
|
|
12777
12897
|
// Always fire onSelectionChange, even if the key is the same
|
|
12778
12898
|
// as the current key (useControlledState does not).
|
|
12779
12899
|
if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);
|
|
@@ -12990,7 +13110,7 @@ function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
|
|
|
12990
13110
|
props.name
|
|
12991
13111
|
]);
|
|
12992
13112
|
var _props_defaultValue;
|
|
12993
|
-
let [selectedValue, setSelected] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !==
|
|
13113
|
+
let [selectedValue, setSelected] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== undefined ? _props_defaultValue : null, props.onChange);
|
|
12994
13114
|
let [lastFocusedValue, setLastFocusedValue] = (useState)(null);
|
|
12995
13115
|
let validation = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
|
|
12996
13116
|
...props,
|
|
@@ -13194,7 +13314,7 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
|
|
|
13194
13314
|
const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /*#__PURE__*/ (createContext)(null);
|
|
13195
13315
|
function $ee014567cb39d3f0$var$FieldError(props, ref) {
|
|
13196
13316
|
let validation = (useContext)($ee014567cb39d3f0$export$ff05c3ac10437e03);
|
|
13197
|
-
if (!(validation === null || validation ===
|
|
13317
|
+
if (!(validation === null || validation === undefined ? undefined : validation.isInvalid)) return null;
|
|
13198
13318
|
return /*#__PURE__*/ ($dbSRa$react).createElement($ee014567cb39d3f0$var$FieldErrorInner, {
|
|
13199
13319
|
...props,
|
|
13200
13320
|
ref: ref
|
|
@@ -13249,7 +13369,7 @@ function $d3e0e05bdfcf66bd$var$Form(props, ref) {
|
|
|
13249
13369
|
validationBehavior: validationBehavior
|
|
13250
13370
|
}
|
|
13251
13371
|
}, /*#__PURE__*/ ($dbSRa$react).createElement(($e5be200c675c3b3a$export$571b5131b7e65c11).Provider, {
|
|
13252
|
-
value: validationErrors !== null && validationErrors !==
|
|
13372
|
+
value: validationErrors !== null && validationErrors !== undefined ? validationErrors : {}
|
|
13253
13373
|
}, children)));
|
|
13254
13374
|
}
|
|
13255
13375
|
/**
|
|
@@ -13283,7 +13403,7 @@ function $bc237834342dbd75$var$CheckboxGroup(props, ref) {
|
|
|
13283
13403
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);
|
|
13284
13404
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
13285
13405
|
var _props_validationBehavior, _ref;
|
|
13286
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
13406
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
13287
13407
|
let state = ($587d3ad58be6d31f$export$daff6da51032a415)({
|
|
13288
13408
|
...props,
|
|
13289
13409
|
validationBehavior: validationBehavior
|
|
@@ -13349,7 +13469,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
|
|
|
13349
13469
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(otherProps, ref, ($4e85f108e88277b8$export$b085522c77523c51));
|
|
13350
13470
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
13351
13471
|
var _props_validationBehavior, _ref;
|
|
13352
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
13472
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
13353
13473
|
let groupState = (useContext)($bc237834342dbd75$export$139c5b8563afc1fc);
|
|
13354
13474
|
let inputRef = ($df56164dff5785e2$export$4338b53315abf666)(($5dc95899b306f630$export$c9058316764c140e)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null));
|
|
13355
13475
|
let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? ($fba3e38d5ca8983f$export$353b32fc6898d37d)({
|
|
@@ -13838,32 +13958,32 @@ function $612b8eb6cb90e02d$var$DropIndicator(props, ref) {
|
|
|
13838
13958
|
*/ const $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 = /*#__PURE__*/ (forwardRef)($612b8eb6cb90e02d$var$DropIndicator);
|
|
13839
13959
|
function $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState) {
|
|
13840
13960
|
var _dragAndDropHooks_isVirtualDragging;
|
|
13841
|
-
let renderDropIndicator = dragAndDropHooks === null || dragAndDropHooks ===
|
|
13842
|
-
let isVirtualDragging = dragAndDropHooks === null || dragAndDropHooks ===
|
|
13961
|
+
let renderDropIndicator = dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.renderDropIndicator;
|
|
13962
|
+
let isVirtualDragging = dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === undefined ? undefined : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks);
|
|
13843
13963
|
let fn = (useCallback)((target)=>{
|
|
13844
13964
|
// Only show drop indicators when virtual dragging or this is the current drop target.
|
|
13845
|
-
if (isVirtualDragging || (dropState === null || dropState ===
|
|
13965
|
+
if (isVirtualDragging || (dropState === null || dropState === undefined ? undefined : dropState.isDropTarget(target))) return renderDropIndicator ? renderDropIndicator(target) : /*#__PURE__*/ ($dbSRa$react).createElement($612b8eb6cb90e02d$export$62ed72bc21f6b8a6, {
|
|
13846
13966
|
target: target
|
|
13847
13967
|
});
|
|
13848
13968
|
// We invalidate whenever the target changes.
|
|
13849
13969
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13850
13970
|
}, [
|
|
13851
|
-
dropState === null || dropState ===
|
|
13971
|
+
dropState === null || dropState === undefined ? undefined : dropState.target,
|
|
13852
13972
|
isVirtualDragging,
|
|
13853
13973
|
renderDropIndicator
|
|
13854
13974
|
]);
|
|
13855
|
-
return (dragAndDropHooks === null || dragAndDropHooks ===
|
|
13975
|
+
return (dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.useDropIndicator) ? fn : undefined;
|
|
13856
13976
|
}
|
|
13857
13977
|
function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState) {
|
|
13858
13978
|
var _dragAndDropHooks_isVirtualDragging, _dropState_target;
|
|
13859
13979
|
// Persist the focused key and the drop target key.
|
|
13860
13980
|
let focusedKey = selectionManager.focusedKey;
|
|
13861
13981
|
let dropTargetKey = null;
|
|
13862
|
-
if ((dragAndDropHooks === null || dragAndDropHooks ===
|
|
13982
|
+
if ((dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === undefined ? undefined : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks)) && (dropState === null || dropState === undefined ? undefined : (_dropState_target = dropState.target) === null || _dropState_target === undefined ? undefined : _dropState_target.type) === 'item') {
|
|
13863
13983
|
dropTargetKey = dropState.target.key;
|
|
13864
13984
|
var _dropState_collection_getKeyAfter;
|
|
13865
13985
|
if (dropState.target.dropPosition === 'after') // Normalize to the "before" drop position since we only render those to the DOM.
|
|
13866
|
-
dropTargetKey = (_dropState_collection_getKeyAfter = dropState.collection.getKeyAfter(dropTargetKey)) !== null && _dropState_collection_getKeyAfter !==
|
|
13986
|
+
dropTargetKey = (_dropState_collection_getKeyAfter = dropState.collection.getKeyAfter(dropTargetKey)) !== null && _dropState_collection_getKeyAfter !== undefined ? _dropState_collection_getKeyAfter : dropTargetKey;
|
|
13867
13987
|
}
|
|
13868
13988
|
return (useMemo)(()=>{
|
|
13869
13989
|
return new Set([
|
|
@@ -13984,8 +14104,8 @@ function $eed445e0843c11d0$var$StandaloneListBox({ props: props, listBoxRef: lis
|
|
|
13984
14104
|
function $eed445e0843c11d0$var$ListBoxInner({ state: state, props: props, listBoxRef: listBoxRef }) {
|
|
13985
14105
|
let { dragAndDropHooks: dragAndDropHooks, layout: layout = 'stack', orientation: orientation = 'vertical' } = props;
|
|
13986
14106
|
let { collection: collection, selectionManager: selectionManager } = state;
|
|
13987
|
-
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks ===
|
|
13988
|
-
let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks ===
|
|
14107
|
+
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.useDraggableCollectionState);
|
|
14108
|
+
let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.useDroppableCollectionState);
|
|
13989
14109
|
let { direction: direction } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
|
|
13990
14110
|
let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = selectionManager;
|
|
13991
14111
|
let collator = ($325a3faab7a68acd$export$a16aca283550c30d)({
|
|
@@ -14091,7 +14211,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state, props: props, listBo
|
|
|
14091
14211
|
}, props.renderEmptyState(renderValues));
|
|
14092
14212
|
return /*#__PURE__*/ ($dbSRa$react).createElement(($9bf71ea28793e738$export$20e40289641fbbb6), null, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
|
|
14093
14213
|
...($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props),
|
|
14094
|
-
...($3ef42575df84b30b$export$9d1611c77c2fe928)(listBoxProps, focusProps, droppableCollection === null || droppableCollection ===
|
|
14214
|
+
...($3ef42575df84b30b$export$9d1611c77c2fe928)(listBoxProps, focusProps, droppableCollection === null || droppableCollection === undefined ? undefined : droppableCollection.collectionProps),
|
|
14095
14215
|
...renderProps,
|
|
14096
14216
|
ref: listBoxRef,
|
|
14097
14217
|
slot: props.slot || undefined,
|
|
@@ -14155,7 +14275,7 @@ function $eed445e0843c11d0$var$ListBoxSection(props, ref, section, className = '
|
|
|
14155
14275
|
var _props_arialabel;
|
|
14156
14276
|
let { headingProps: headingProps, groupProps: groupProps } = ($af383d3bef1cfdc9$export$c3f9f39876e4bc7)({
|
|
14157
14277
|
heading: heading,
|
|
14158
|
-
'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !==
|
|
14278
|
+
'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== undefined ? _props_arialabel : undefined
|
|
14159
14279
|
});
|
|
14160
14280
|
let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
14161
14281
|
defaultClassName: className,
|
|
@@ -14188,7 +14308,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
|
|
|
14188
14308
|
let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (useContext)(($612b8eb6cb90e02d$export$d188a835a7bc5783));
|
|
14189
14309
|
let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, ...states } = ($293f70390ea03370$export$497855f14858aa34)({
|
|
14190
14310
|
key: item.key,
|
|
14191
|
-
'aria-label': props === null || props ===
|
|
14311
|
+
'aria-label': props === null || props === undefined ? undefined : props['aria-label']
|
|
14192
14312
|
}, state, ref);
|
|
14193
14313
|
let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)({
|
|
14194
14314
|
isDisabled: !states.allowsSelection && !states.hasAction,
|
|
@@ -14221,7 +14341,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
|
|
|
14221
14341
|
selectionBehavior: state.selectionManager.selectionBehavior,
|
|
14222
14342
|
allowsDragging: !!dragState,
|
|
14223
14343
|
isDragging: isDragging,
|
|
14224
|
-
isDropTarget: droppableItem === null || droppableItem ===
|
|
14344
|
+
isDropTarget: droppableItem === null || droppableItem === undefined ? undefined : droppableItem.isDropTarget
|
|
14225
14345
|
}
|
|
14226
14346
|
});
|
|
14227
14347
|
(useEffect)(()=>{
|
|
@@ -14231,7 +14351,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
|
|
|
14231
14351
|
]);
|
|
14232
14352
|
let ElementType = props.href ? 'a' : 'div';
|
|
14233
14353
|
return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
|
|
14234
|
-
...($3ef42575df84b30b$export$9d1611c77c2fe928)(optionProps, hoverProps, draggableItem === null || draggableItem ===
|
|
14354
|
+
...($3ef42575df84b30b$export$9d1611c77c2fe928)(optionProps, hoverProps, draggableItem === null || draggableItem === undefined ? undefined : draggableItem.dragProps, droppableItem === null || droppableItem === undefined ? undefined : droppableItem.dropProps),
|
|
14235
14355
|
...renderProps,
|
|
14236
14356
|
ref: ref,
|
|
14237
14357
|
"data-allows-dragging": !!dragState || undefined,
|
|
@@ -14242,7 +14362,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
|
|
|
14242
14362
|
"data-focus-visible": states.isFocusVisible || undefined,
|
|
14243
14363
|
"data-pressed": states.isPressed || undefined,
|
|
14244
14364
|
"data-dragging": isDragging || undefined,
|
|
14245
|
-
"data-drop-target": (droppableItem === null || droppableItem ===
|
|
14365
|
+
"data-drop-target": (droppableItem === null || droppableItem === undefined ? undefined : droppableItem.isDropTarget) || undefined,
|
|
14246
14366
|
"data-selection-mode": state.selectionManager.selectionMode === 'none' ? undefined : state.selectionManager.selectionMode
|
|
14247
14367
|
}, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
14248
14368
|
values: [
|
|
@@ -14403,7 +14523,7 @@ function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting
|
|
|
14403
14523
|
var _props_offset;
|
|
14404
14524
|
let { popoverProps: popoverProps, underlayProps: underlayProps, arrowProps: arrowProps, placement: placement } = ($f2f8a6077418541e$export$542a6fd13ac93354)({
|
|
14405
14525
|
...props,
|
|
14406
|
-
offset: (_props_offset = props.offset) !== null && _props_offset !==
|
|
14526
|
+
offset: (_props_offset = props.offset) !== null && _props_offset !== undefined ? _props_offset : 8,
|
|
14407
14527
|
arrowSize: arrowWidth
|
|
14408
14528
|
}, state);
|
|
14409
14529
|
let ref = props.popoverRef;
|
|
@@ -14544,7 +14664,7 @@ function $de32f1b87079253c$var$Dialog(props, ref) {
|
|
|
14544
14664
|
style: props.style,
|
|
14545
14665
|
children: props.children,
|
|
14546
14666
|
values: {
|
|
14547
|
-
close: (state === null || state ===
|
|
14667
|
+
close: (state === null || state === undefined ? undefined : state.close) || (()=>{})
|
|
14548
14668
|
}
|
|
14549
14669
|
});
|
|
14550
14670
|
return /*#__PURE__*/ ($dbSRa$react).createElement("section", {
|
|
@@ -14573,7 +14693,7 @@ function $de32f1b87079253c$var$Dialog(props, ref) {
|
|
|
14573
14693
|
slots: {
|
|
14574
14694
|
[($64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
|
|
14575
14695
|
close: {
|
|
14576
|
-
onPress: ()=>state === null || state ===
|
|
14696
|
+
onPress: ()=>state === null || state === undefined ? undefined : state.close()
|
|
14577
14697
|
}
|
|
14578
14698
|
}
|
|
14579
14699
|
}
|
|
@@ -14645,11 +14765,11 @@ function $28f4fd908f0de97f$var$Disclosure(props, ref) {
|
|
|
14645
14765
|
onExpandedChange (isExpanded) {
|
|
14646
14766
|
var _props_onExpandedChange;
|
|
14647
14767
|
if (groupState) groupState.toggleKey(id);
|
|
14648
|
-
(_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange ===
|
|
14768
|
+
(_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === undefined ? undefined : _props_onExpandedChange.call(props, isExpanded);
|
|
14649
14769
|
}
|
|
14650
14770
|
});
|
|
14651
14771
|
let panelRef = ($dbSRa$react).useRef(null);
|
|
14652
|
-
let isDisabled = props.isDisabled || (groupState === null || groupState ===
|
|
14772
|
+
let isDisabled = props.isDisabled || (groupState === null || groupState === undefined ? undefined : groupState.isDisabled) || false;
|
|
14653
14773
|
let { buttonProps: buttonProps, panelProps: panelProps } = ($5e910fae8e128ead$export$6e3e27031a30522f)({
|
|
14654
14774
|
...props,
|
|
14655
14775
|
isExpanded: isExpanded,
|
|
@@ -14753,6 +14873,31 @@ function $28f4fd908f0de97f$var$DisclosurePanel(props, ref) {
|
|
|
14753
14873
|
*/
|
|
14754
14874
|
|
|
14755
14875
|
|
|
14876
|
+
function $5cb03073d3f54797$var$Heading(props, ref) {
|
|
14877
|
+
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, ($4e85f108e88277b8$export$d688439359537581));
|
|
14878
|
+
let { children: children, level: level = 3, className: className, ...domProps } = props;
|
|
14879
|
+
let Element = `h${level}`;
|
|
14880
|
+
return /*#__PURE__*/ ($dbSRa$react).createElement(Element, {
|
|
14881
|
+
...domProps,
|
|
14882
|
+
ref: ref,
|
|
14883
|
+
className: className !== null && className !== undefined ? className : 'react-aria-Heading'
|
|
14884
|
+
}, children);
|
|
14885
|
+
}
|
|
14886
|
+
const $5cb03073d3f54797$export$a8a3e93435678ff9 = /*#__PURE__*/ (forwardRef)($5cb03073d3f54797$var$Heading);
|
|
14887
|
+
|
|
14888
|
+
/*
|
|
14889
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
14890
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
14891
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
14892
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
14893
|
+
*
|
|
14894
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
14895
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
14896
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
14897
|
+
* governing permissions and limitations under the License.
|
|
14898
|
+
*/
|
|
14899
|
+
|
|
14900
|
+
|
|
14756
14901
|
|
|
14757
14902
|
|
|
14758
14903
|
|
|
@@ -14906,7 +15051,7 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
|
|
|
14906
15051
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b6c3ddc6086f204d$export$a79eda4ff50e30b6);
|
|
14907
15052
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
14908
15053
|
var _props_validationBehavior, _ref;
|
|
14909
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
15054
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
14910
15055
|
let state = ($a54cdc5c1942b639$export$bca9d026f8e704eb)({
|
|
14911
15056
|
...props,
|
|
14912
15057
|
validationBehavior: validationBehavior
|
|
@@ -15086,7 +15231,7 @@ function $82d7e5349645de74$var$Select(props, ref) {
|
|
|
15086
15231
|
function $82d7e5349645de74$var$SelectInner({ props: props, selectRef: ref, collection: collection }) {
|
|
15087
15232
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
15088
15233
|
var _props_validationBehavior, _ref;
|
|
15089
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
15234
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
15090
15235
|
let state = ($2bc3a590c5373a4e$export$5159ec8b34d4ec12)({
|
|
15091
15236
|
...props,
|
|
15092
15237
|
collection: collection,
|
|
@@ -15240,7 +15385,7 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
|
|
|
15240
15385
|
let state = (useContext)($82d7e5349645de74$export$ef445b55be0601bd);
|
|
15241
15386
|
let { placeholder: placeholder } = ($64fa3d84918910a7$export$fabf2dc03a41866e)($82d7e5349645de74$export$7540cee5be7dc19b);
|
|
15242
15387
|
let selectedItem = state.selectedKey != null ? state.collection.getItem(state.selectedKey) : null;
|
|
15243
|
-
let rendered = selectedItem === null || selectedItem ===
|
|
15388
|
+
let rendered = selectedItem === null || selectedItem === undefined ? undefined : selectedItem.props.children;
|
|
15244
15389
|
if (typeof rendered === 'function') {
|
|
15245
15390
|
// If the selected item has a function as a child, we need to call it to render to React.JSX.
|
|
15246
15391
|
let fn = rendered;
|
|
@@ -15259,11 +15404,11 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
|
|
|
15259
15404
|
var _ref, _state_selectedItem_value, _state_selectedItem_textValue;
|
|
15260
15405
|
let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
15261
15406
|
...props,
|
|
15262
|
-
defaultChildren: (_ref = rendered !== null && rendered !==
|
|
15407
|
+
defaultChildren: (_ref = rendered !== null && rendered !== undefined ? rendered : placeholder) !== null && _ref !== undefined ? _ref : stringFormatter.format('selectPlaceholder'),
|
|
15263
15408
|
defaultClassName: 'react-aria-SelectValue',
|
|
15264
15409
|
values: {
|
|
15265
|
-
selectedItem: (_state_selectedItem_value = (_state_selectedItem = state.selectedItem) === null || _state_selectedItem ===
|
|
15266
|
-
selectedText: (_state_selectedItem_textValue = (_state_selectedItem1 = state.selectedItem) === null || _state_selectedItem1 ===
|
|
15410
|
+
selectedItem: (_state_selectedItem_value = (_state_selectedItem = state.selectedItem) === null || _state_selectedItem === undefined ? undefined : _state_selectedItem.value) !== null && _state_selectedItem_value !== undefined ? _state_selectedItem_value : null,
|
|
15411
|
+
selectedText: (_state_selectedItem_textValue = (_state_selectedItem1 = state.selectedItem) === null || _state_selectedItem1 === undefined ? undefined : _state_selectedItem1.textValue) !== null && _state_selectedItem_textValue !== undefined ? _state_selectedItem_textValue : null,
|
|
15267
15412
|
isPlaceholder: !selectedItem
|
|
15268
15413
|
}
|
|
15269
15414
|
});
|
|
@@ -15409,7 +15554,7 @@ function $eaf9e70818b436db$var$TagGroupInner({ props: props, forwardedRef: ref,
|
|
|
15409
15554
|
...domProps,
|
|
15410
15555
|
ref: ref,
|
|
15411
15556
|
slot: props.slot || undefined,
|
|
15412
|
-
className: (_props_className = props.className) !== null && _props_className !==
|
|
15557
|
+
className: (_props_className = props.className) !== null && _props_className !== undefined ? _props_className : 'react-aria-TagGroup',
|
|
15413
15558
|
style: props.style
|
|
15414
15559
|
}, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
15415
15560
|
values: [
|
|
@@ -15622,7 +15767,7 @@ function $bcdf0525bf22703d$var$TextField(props, ref) {
|
|
|
15622
15767
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bcdf0525bf22703d$export$2129e27b3ef0d483);
|
|
15623
15768
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
15624
15769
|
var _props_validationBehavior, _ref;
|
|
15625
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
15770
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
15626
15771
|
let inputRef = (useRef)(null);
|
|
15627
15772
|
let [labelRef, label] = ($64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
15628
15773
|
let [inputElementType, setInputElementType] = (useState)('input');
|
|
@@ -15807,7 +15952,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
|
|
|
15807
15952
|
...overlayProps.style,
|
|
15808
15953
|
...renderProps.style
|
|
15809
15954
|
},
|
|
15810
|
-
"data-placement": placement !== null && placement !==
|
|
15955
|
+
"data-placement": placement !== null && placement !== undefined ? placement : undefined,
|
|
15811
15956
|
"data-entering": isEntering || undefined,
|
|
15812
15957
|
"data-exiting": props.isExiting || undefined
|
|
15813
15958
|
}, /*#__PURE__*/ ($dbSRa$react).createElement(($44f671af83e7d9e0$export$2de4954e8ae13b9f).Provider, {
|
|
@@ -15819,11 +15964,11 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
|
|
|
15819
15964
|
}, renderProps.children));
|
|
15820
15965
|
}
|
|
15821
15966
|
|
|
15822
|
-
var css_248z$
|
|
15823
|
-
styleInject(css_248z$
|
|
15967
|
+
var css_248z$q = ".bcds-react-aria-Disclosure {\n display: flex;\n flex-direction: column;\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n overflow: hidden;\n}\n\n.bcds-react-aria-Disclosure--Button {\n display: inline-flex;\n flex-direction: row;\n padding: var(--layout-padding-small) var(--layout-padding-medium);\n gap: var(--layout-margin-small);\n justify-content: space-between;\n align-items: center;\n background-color: var(--surface-color-background-light-gray);\n border: none;\n cursor: pointer;\n font: var(--typography-bold-body);\n color: var(--typography-color-primary);\n}\n\n/* Hover */\n.bcds-react-aria-Disclosure--Button[data-hovered] {\n background-color: var(--surface-color-menus-hover);\n}\n\n/* Accordion content */\n.bcds-react-aria-Disclosure[data-expanded]\n > .bcds-react-aria-Disclosure--Panel {\n display: flex;\n align-items: flex-start;\n padding: var(--layout-padding-medium);\n gap: var(--layout-margin-small);\n background-color: var(--surface-color-forms-default);\n font: var(--typography-regular-body);\n}\n\n/* Focus state */\n.bcds-react-aria-Disclosure[data-focus-visible-within] {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n/* Override default focus behaviour for button */\n.bcds-react-aria-Disclosure[data-focus-visible-within]\n > .bcds-react-aria-Disclosure--Button {\n outline: none;\n}\n\n.bcds-react-aria-Disclosure--Button[data-focused] {\n outline: none;\n}\n\n/* Disabled state */\n.bcds-react-aria-Disclosure[data-disabled]\n > .bcds-react-aria-Disclosure--Button {\n background-color: var(--surface-color-forms-disabled);\n color: var(--typography-color-disabled);\n cursor: not-allowed;\n}\n";
|
|
15968
|
+
styleInject(css_248z$q);
|
|
15824
15969
|
|
|
15825
|
-
var css_248z$
|
|
15826
|
-
styleInject(css_248z$
|
|
15970
|
+
var css_248z$p = ".bcds-react-aria-Button {\n border: none;\n border-radius: var(--layout-border-radius-medium);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: var(--layout-padding-small);\n font: var(--typography-regular-body);\n padding-left: 16px;\n padding-right: 16px;\n}\n.bcds-react-aria-Button[data-disabled] {\n cursor: not-allowed;\n}\n.bcds-react-aria-Button[data-focused] {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n/* Icon button */\n.bcds-react-aria-Button.icon {\n align-items: center;\n justify-content: space-around;\n}\n\n/* Sizes */\n.bcds-react-aria-Button.small {\n min-height: 32px;\n}\n.bcds-react-aria-Button.small.icon {\n padding: unset;\n height: 32px;\n width: 32px;\n min-width: 32px;\n}\n.bcds-react-aria-Button.medium {\n min-height: 40px;\n}\n.bcds-react-aria-Button.medium.icon {\n padding: unset;\n height: 40px;\n width: 40px;\n min-width: 40px;\n}\n\n/* Variant - Primary */\n.bcds-react-aria-Button.primary {\n background: var(--surface-color-primary-button-default);\n color: var(--icons-color-primary-invert);\n}\n.bcds-react-aria-Button.primary.danger {\n background-color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.primary[data-disabled] {\n background-color: var(--surface-color-primary-danger-button-disabled);\n color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.primary[data-hovered] {\n background-color: var(--surface-color-primary-button-hover);\n}\n.bcds-react-aria-Button.primary.danger[data-hovered] {\n background-color: var(--surface-color-primary-danger-button-hover);\n}\n\n/* Variant - Secondary */\n.bcds-react-aria-Button.secondary {\n background-color: var(--surface-color-secondary-button-default);\n border: 1px solid var(--surface-color-border-dark);\n color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.secondary.danger {\n border-color: var(--support-border-color-danger);\n color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.secondary[data-disabled] {\n background-color: var(--surface-color-secondary-button-disabled);\n border-color: var(--surface-color-border-default);\n color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.secondary[data-hovered] {\n background-color: var(--surface-color-secondary-button-hover);\n}\n.bcds-react-aria-Button.secondary.danger[data-hovered] {\n background-color: var(--support-surface-color-danger);\n}\n\n/* Variant - Tertiary */\n.bcds-react-aria-Button.tertiary {\n background-color: var(--surface-color-tertiary-button-default);\n color: var(--typography-color-primary);\n}\n.bcds-react-aria-Button.tertiary.danger {\n color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.tertiary[data-disabled] {\n background-color: var(--surface-color-tertiary-button-default);\n color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Button.tertiary[data-hovered] {\n background-color: var(--surface-color-tertiary-button-hover);\n}\n.bcds-react-aria-Button.tertiary.danger[data-hovered] {\n background-color: var(--support-surface-color-danger);\n}\n\n/* Variant - Link */\n.bcds-react-aria-Button.link {\n background-color: var(--surface-color-tertiary-button-default);\n color: var(--typography-color-link);\n text-decoration: underline;\n text-underline-offset: 0.3em;\n}\n.bcds-react-aria-Button.link.danger {\n color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Button.link[data-disabled] {\n color: var(--typography-color-disabled);\n}\n";
|
|
15971
|
+
styleInject(css_248z$p);
|
|
15827
15972
|
|
|
15828
15973
|
function Button({ size = "medium", variant = "primary", danger = false, isIconButton = false, ...props }) {
|
|
15829
15974
|
return (jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: `bcds-react-aria-Button ${size} ${variant} ${danger ? "danger" : ""} ${isIconButton ? "icon" : ""}`, ...props }));
|
|
@@ -15843,8 +15988,8 @@ function Accordion({ label, children, ...props }) {
|
|
|
15843
15988
|
return (jsx($28f4fd908f0de97f$export$74a362b31437ec83, { className: `bcds-react-aria-Disclosure`, ...props, children: ({ isExpanded }) => (jsxs(Fragment, { children: [jsxs(Button, { className: "bcds-react-aria-Disclosure--Button", size: "small", variant: "link", slot: "trigger", children: [label, isExpanded ? jsx(SvgChevronUpIcon, {}) : jsx(SvgChevronDownIcon, {})] }), jsx($28f4fd908f0de97f$export$feabaa331e1d464c, { className: "bcds-react-aria-Disclosure--Panel", children: jsx(Fragment, { children: children }) })] })) }));
|
|
15844
15989
|
}
|
|
15845
15990
|
|
|
15846
|
-
var css_248z$
|
|
15847
|
-
styleInject(css_248z$
|
|
15991
|
+
var css_248z$o = ".bcds-react-aria-DisclosureGroup {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: var(--layout-border-width-small);\n background-color: var(--surface-color-border-default);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n overflow: hidden;\n}\n\n/* Override individual accordion item borders */\n.bcds-react-aria-DisclosureGroup > .bcds-react-aria-Disclosure {\n border: none;\n border-radius: var(--layout-border-radius-none);\n}\n\n/* Focus state */\n.bcds-react-aria-DisclosureGroup\n > .bcds-react-aria-Disclosure[data-focus-visible-within] {\n border-radius: var(--layout-border-radius-hair);\n outline-offset: calc(var(--layout-margin-hair) * -1);\n}\n\n/* Title styles */\n.bcds-react-aria-DisclosureGroup--Title {\n color: var(--typography-color-primary);\n margin: var(--layout-margin-medium) var(--layout-margin-none);\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h1 {\n font: var(--typography-bold-h1);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h2 {\n font: var(--typography-bold-h2);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h3 {\n font: var(--typography-bold-h3);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h4 {\n font: var(--typography-bold-h4);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h5 {\n font: var(--typography-bold-h5);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h6 {\n font: var(--typography-bold-h6);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > span {\n font: var(--typography-bold-large-body);\n}\n";
|
|
15992
|
+
styleInject(css_248z$o);
|
|
15848
15993
|
|
|
15849
15994
|
function AccordionGroup({ title, titleElement, children, ...props }) {
|
|
15850
15995
|
function getTitle() {
|
|
@@ -15868,8 +16013,8 @@ function AccordionGroup({ title, titleElement, children, ...props }) {
|
|
|
15868
16013
|
return (jsxs(Fragment, { children: [title && (jsx("div", { className: "bcds-react-aria-DisclosureGroup--Title", children: getTitle() })), jsx($28f4fd908f0de97f$export$944aceb4f8c89f10, { className: "bcds-react-aria-DisclosureGroup", ...props, children: children })] }));
|
|
15869
16014
|
}
|
|
15870
16015
|
|
|
15871
|
-
var css_248z$
|
|
15872
|
-
styleInject(css_248z$
|
|
16016
|
+
var css_248z$n = ".bcds-Alert-Banner {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n width: 100%;\n padding: var(--layout-padding-none) var(--layout-padding-medium);\n}\n\n.bcds-Alert-Banner--Container {\n flex-grow: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-padding-medium);\n max-width: 1100px;\n padding: var(--layout-padding-small) var(--layout-padding-none);\n}\n\n.bcds-Alert-Banner--Icon {\n align-self: first baseline;\n justify-self: flex-start;\n padding-top: var(--layout-padding-xsmall);\n color: var(--icons-color-primary-invert);\n}\n\n.bcds-Alert-Banner--Content {\n display: inline-flex;\n gap: var(--layout-margin-medium);\n align-items: first baseline;\n flex-grow: 1;\n flex-wrap: wrap;\n font: var(--typography-regular-body);\n color: var(--typography-color-primary-invert);\n}\n\n.bcds-Alert-Banner--closeIcon {\n align-self: first baseline;\n}\n\n.bcds-Alert-Banner--closeIcon > .bcds-react-aria-Button[data-hovered] svg {\n color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner--closeIcon svg {\n color: var(--icons-color-primary-invert);\n}\n\n/* Variants */\n\n/* Info theme */\n.bcds-Alert-Banner.info {\n background-color: var(--surface-color-background-dark-blue);\n}\n\n/* Success theme */\n.bcds-Alert-Banner.success {\n background-color: var(--support-border-color-success);\n}\n\n/* Warning theme */\n.bcds-Alert-Banner.warning {\n background-color: var(--support-border-color-warning);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Icon {\n color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Content {\n color: var(--typography-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--closeIcon svg {\n color: var(--icons-color-primary);\n}\n\n/* Danger theme */\n.bcds-Alert-Banner.danger {\n background-color: var(--support-border-color-danger);\n}\n\n/* Black theme */\n\n.bcds-Alert-Banner.black {\n background-color: var(--theme-gray-110);\n}\n";
|
|
16017
|
+
styleInject(css_248z$n);
|
|
15873
16018
|
|
|
15874
16019
|
/* The component implements the Circle Check icon from Font Awesome: https://fontawesome.com/icons/circle-check */
|
|
15875
16020
|
function SvgCheckCircleIcon({ id = "check-icon" }) {
|
|
@@ -15917,15 +16062,15 @@ function AlertBanner({ variant = "info", isIconHidden = false, isCloseable = tru
|
|
|
15917
16062
|
return (jsx("div", { className: `bcds-Alert-Banner ${variant}`, ...props, children: jsxs("div", { className: "bcds-Alert-Banner--Container", children: [" ", !isIconHidden && (jsx("span", { className: "bcds-Alert-Banner--Icon", children: customIcon ? customIcon : getIcon$2(variant) })), jsx("div", { className: "bcds-Alert-Banner--Content", role: role, children: children }), isCloseable && (jsx("span", { className: "bcds-Alert-Banner--closeIcon", children: jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close this alert", type: "button", onPress: onClose, children: jsx(SvgCloseIcon, {}) }) }))] }) }));
|
|
15918
16063
|
}
|
|
15919
16064
|
|
|
15920
|
-
var css_248z$
|
|
15921
|
-
styleInject(css_248z$
|
|
16065
|
+
var css_248z$m = ".bcds-ButtonGroup {\n display: flex;\n gap: var(--layout-margin-small);\n flex-grow: 1;\n}\n\n.bcds-ButtonGroup.horizontal {\n flex-direction: row;\n}\n\n.bcds-ButtonGroup.vertical {\n flex-direction: column;\n}\n\n.bcds-ButtonGroup.start {\n justify-content: flex-start;\n}\n\n.bcds-ButtonGroup.center {\n justify-content: center;\n}\n\n.bcds-ButtonGroup.end {\n justify-content: flex-end;\n}\n";
|
|
16066
|
+
styleInject(css_248z$m);
|
|
15922
16067
|
|
|
15923
16068
|
function ButtonGroup({ orientation = "horizontal", alignment = "start", ariaLabel, children, ...props }) {
|
|
15924
16069
|
return (jsx("div", { className: `bcds-ButtonGroup ${orientation} ${alignment}`, role: "group", "aria-label": ariaLabel, ...props, children: children }));
|
|
15925
16070
|
}
|
|
15926
16071
|
|
|
15927
|
-
var css_248z$
|
|
15928
|
-
styleInject(css_248z$
|
|
16072
|
+
var css_248z$l = ".bcds-react-aria-AlertDialog {\n display: flex;\n flex-direction: column;\n}\n\n/* Variant icons */\n.bcds-react-aria-AlertDialog.info .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-primary);\n}\n.bcds-react-aria-AlertDialog.confirmation .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-success);\n}\n.bcds-react-aria-AlertDialog.warning .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-warning);\n}\n.bcds-react-aria-AlertDialog.error .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-danger);\n}\n.bcds-react-aria-AlertDialog.destructive .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-danger);\n}\n\n.bcds-react-aria-AlertDialog--Header {\n display: inline-flex;\n flex-direction: row;\n gap: var(--layout-padding-small);\n justify-content: space-between;\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog--Title {\n flex-grow: 1;\n font: var(--typography-bold-h5);\n color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--Icon {\n justify-self: flex-start;\n align-self: center;\n padding-top: var(--layout-padding-xsmall);\n}\n\n.bcds-react-aria-AlertDialog--closeIcon {\n justify-self: flex-end;\n color: var(--icons-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--children {\n font: var(--typography-regular-body);\n color: var(--typography-color-primary);\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog > .bcds-ButtonGroup {\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n}\n";
|
|
16073
|
+
styleInject(css_248z$l);
|
|
15929
16074
|
|
|
15930
16075
|
/* Sets correct left icon for selected variant */
|
|
15931
16076
|
function getIcon$1(variant) {
|
|
@@ -15948,8 +16093,8 @@ function AlertDialog({ children, variant = "info", role = "dialog", title, isClo
|
|
|
15948
16093
|
return (jsx($de32f1b87079253c$export$3ddf2d174ce01153, { className: `bcds-react-aria-AlertDialog ${variant}`, role: role, ...props, children: ({ close }) => (jsxs(Fragment, { children: [jsxs("div", { className: "bcds-react-aria-AlertDialog--Header", children: [!isIconHidden && (jsx("div", { className: "bcds-react-aria-AlertDialog--Icon", children: getIcon$1(variant) })), title && (jsx("div", { className: "bcds-react-aria-AlertDialog--Title", slot: "title", children: title })), isCloseable && (jsx("div", { className: "bcds-react-aria-AlertDialog--closeIcon", children: jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close", type: "button", onPress: close, children: jsx(SvgCloseIcon, {}) }) }))] }), children && (jsx("div", { className: "bcds-react-aria-AlertDialog--children", slot: "children", children: jsx(Fragment, { children: children }) })), buttons && (jsx(ButtonGroup, { alignment: "end", orientation: "horizontal", children: buttons }))] })) }));
|
|
15949
16094
|
}
|
|
15950
16095
|
|
|
15951
|
-
var css_248z$
|
|
15952
|
-
styleInject(css_248z$
|
|
16096
|
+
var css_248z$k = ".bcds-Callout {\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n border-radius: var(--layout-border-radius-medium)\n var(--layout-border-radius-none) var(--layout-border-radius-none)\n var(--layout-border-radius-medium);\n}\n\n.bcds-Callout--Container {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n gap: var(--layout-margin-small);\n}\n\n.bcds-Callout--Container > .bcds-Callout--Title {\n font: var(--typography-bold-large-body);\n color: var(--typography-color-primary);\n}\n\n.bcds-Callout--Container > .bcds-Callout--Description {\n font: var(--typography-regular-body);\n color: var(--typography-color-secondary);\n}\n\n/* Theme - light grey (default) */\n.bcds-Callout.lightGrey {\n background-color: var(--surface-color-background-light-gray);\n border-left: var(--layout-border-width-large) solid var(--theme-primary-blue);\n}\n\n/* Theme - light blue */\n.bcds-Callout.lightBlue {\n background-color: var(--theme-blue-10);\n border-left: var(--layout-border-width-large) solid var(--theme-primary-blue);\n}\n\n/* Theme - light gold */\n.bcds-Callout.lightGold {\n background-color: var(--theme-gold-10);\n border-left: var(--layout-border-width-large) solid var(--theme-primary-blue);\n}\n\n/* Theme - blue */\n.bcds-Callout.Blue {\n background-color: var(--surface-color-background-dark-blue);\n border-left: var(--layout-border-width-large) solid var(--theme-primary-gold);\n}\n\n.bcds-Callout.Blue .bcds-Callout--Title {\n color: var(--typography-color-primary-invert);\n}\n\n.bcds-Callout.Blue .bcds-Callout--Description {\n color: var(--typography-color-secondary-invert);\n}\n\n/* Theme - grey */\n.bcds-Callout.Grey {\n background-color: var(--theme-gray-80);\n border-left: var(--layout-border-width-large) solid var(--theme-primary-gold);\n}\n\n.bcds-Callout.Grey .bcds-Callout--Title {\n color: var(--typography-color-primary-invert);\n}\n\n.bcds-Callout.Grey .bcds-Callout--Description {\n color: var(--typography-color-secondary-invert);\n}\n\n/* Theme - black */\n.bcds-Callout.Black {\n background-color: var(--theme-gray-100);\n border-left: var(--layout-border-width-large) solid var(--theme-primary-gold);\n}\n\n.bcds-Callout.Black .bcds-Callout--Title {\n color: var(--typography-color-primary-invert);\n}\n\n.bcds-Callout.Black .bcds-Callout--Description {\n color: var(--typography-color-secondary-invert);\n}\n\n/* Border disabled */\n.bcds-Callout.lightGrey.noBorder,\n.bcds-Callout.lightGold.noBorder,\n.bcds-Callout.lightBlue.noBorder,\n.bcds-Callout.Blue.noBorder,\n.bcds-Callout.Grey.noBorder,\n.bcds-Callout.Black.noBorder {\n border-left: none;\n border-radius: var(--layout-border-radius-none);\n}\n";
|
|
16097
|
+
styleInject(css_248z$k);
|
|
15953
16098
|
|
|
15954
16099
|
function Callout({ variant = "lightGrey", title, description, buttons, role = "note", isLeftBorderDisabled = false, children, ...props }) {
|
|
15955
16100
|
return (jsx("div", { className: `bcds-Callout ${variant} ${isLeftBorderDisabled ? "noBorder" : ""}`, ...props, role: role, children: children ? (children) : (jsx(Fragment, { children: jsxs("div", { className: "bcds-Callout--Container", "aria-labelledby": "callout-title", role: role, children: [title && (jsx("span", { className: "bcds-Callout--Title", id: "callout-title", children: title })), description && (jsx("span", { className: "bcds-Callout--Description", children: description })), buttons && (jsx(ButtonGroup, { alignment: "start", orientation: "horizontal", children: buttons }))] }) })) }));
|
|
@@ -15964,22 +16109,22 @@ function SvgDashIcon({ id = "dash-icon" }) {
|
|
|
15964
16109
|
return (jsx("svg", { id: id, width: "8", height: "10", viewBox: "0 0 8 2", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M6.99005 1.96004H1.01005C0.479855 1.96004 0.0500488 1.53023 0.0500488 1.00004C0.0500488 0.469846 0.479855 0.0400391 1.01005 0.0400391H6.99005C7.52024 0.0400391 7.95005 0.469846 7.95005 1.00004C7.95005 1.53023 7.52024 1.96004 6.99005 1.96004H6.99005Z", fill: "currentColor" }) }));
|
|
15965
16110
|
}
|
|
15966
16111
|
|
|
15967
|
-
var css_248z$
|
|
15968
|
-
styleInject(css_248z$
|
|
16112
|
+
var css_248z$j = ".bcds-react-aria-Checkbox {\n cursor: pointer;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n}\n\n/* Checkbox */\n.bcds-react-aria-Checkbox > .checkbox {\n align-self: first baseline;\n display: flex;\n margin-top: var(--layout-margin-hair);\n justify-content: space-around;\n width: var(--icons-size-small);\n height: var(--icons-size-small);\n min-width: var(--icons-size-small);\n background-color: var(--surface-color-secondary-default);\n border-color: var(--surface-color-border-medium);\n border-style: solid;\n border-width: var(--layout-border-width-small);\n border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Checkbox > .checkbox > svg {\n align-self: center;\n}\n\n/* Label */\n.bcds-react-aria-Checkbox > .label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n}\n\n/* Focus */\n.bcds-react-aria-Checkbox[data-focused] > .checkbox {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n/* Hover */\n.bcds-react-aria-Checkbox[data-hovered] > .checkbox {\n border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Checkbox[data-selected][data-hovered] > .checkbox {\n background-color: var(--surface-color-primary-hover);\n border-color: var(--surface-color-primary-hover);\n}\n\n/* Pressed */\n.bcds-react-aria-Checkbox[data-pressed] > .checkbox {\n background-color: var(--surface-color-primary-default);\n}\n\n/* Selected */\n.bcds-react-aria-Checkbox[data-selected] > .checkbox {\n background-color: var(--surface-color-primary-default);\n border-color: var(--surface-color-primary-default);\n}\n.bcds-react-aria-Checkbox[data-selected] > .checkbox > svg {\n color: var(--icons-color-primary-invert);\n}\n\n/* Disabled */\n.bcds-react-aria-Checkbox[data-disabled] {\n cursor: not-allowed;\n}\n.bcds-react-aria-Checkbox[data-disabled] > .checkbox {\n border-color: var(--surface-color-border-medium);\n background-color: var(--surface-color-primary-disabled);\n}\n.bcds-react-aria-Checkbox[data-disabled] > .label {\n color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Checkbox[data-selected][data-disabled] > .checkbox {\n border-color: var(--surface-color-primary-disabled);\n background-color: var(--surface-color-primary-disabled);\n}\n.bcds-react-aria-Checkbox[data-selected][data-disabled] > .checkbox > svg {\n color: var(--icons-color-disabled);\n}\n\n/* Indeterminate */\n.bcds-react-aria-Checkbox[data-indeterminate] > .checkbox {\n background-color: var(--surface-color-primary-default);\n border-color: var(--surface-color-primary-default);\n}\n.bcds-react-aria-Checkbox[data-indeterminate][data-disabled] > .checkbox {\n background-color: var(--surface-color-primary-disabled);\n border-color: var(--surface-color-primary-disabled);\n}\n.bcds-react-aria-Checkbox[data-indeterminate][data-invalid] > .checkbox {\n background-color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Checkbox[data-indeterminate] > .checkbox > svg {\n color: var(--icons-color-primary-invert);\n align-self: center;\n vertical-align: middle;\n}\n.bcds-react-aria-Checkbox[data-indeterminate][data-disabled] > .checkbox > svg {\n color: var(--icons-color-disabled);\n}\n\n/* Read-only */\n.bcds-react-aria-Checkbox[data-readonly] {\n cursor: not-allowed;\n}\n\n/* Invalid */\n.bcds-react-aria-Checkbox[data-invalid] > .checkbox {\n border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Checkbox[data-invalid] > .checkbox > svg {\n color: var(--icons-color-primary-invert);\n}\n.bcds-react-aria-Checkbox[data-selected][data-invalid] > .checkbox {\n background-color: var(--surface-color-primary-danger-button-default);\n}\n";
|
|
16113
|
+
styleInject(css_248z$j);
|
|
15969
16114
|
|
|
15970
16115
|
function Checkbox({ value, children, ...props }) {
|
|
15971
16116
|
return (jsx($bc237834342dbd75$export$48513f6b9f8ce62d, { className: "bcds-react-aria-Checkbox", value: value, ...props, children: ({ isRequired, isSelected, isIndeterminate }) => (jsxs(Fragment, { children: [jsxs("div", { className: "checkbox", children: [isSelected && !isIndeterminate && jsx(SvgCheckIcon, {}), isIndeterminate && jsx(SvgDashIcon, {})] }), jsxs("span", { className: "label", children: [jsx(Fragment, { children: children }), " ", isRequired && "(required)"] })] })) }));
|
|
15972
16117
|
}
|
|
15973
16118
|
|
|
15974
|
-
var css_248z$
|
|
15975
|
-
styleInject(css_248z$
|
|
16119
|
+
var css_248z$i = ".bcds-react-aria-CheckboxGroup {\n display: flex;\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n/* Orientation */\n.bcds-react-aria-CheckboxGroup--options {\n display: flex;\n}\n\n.bcds-react-aria-CheckboxGroup--options.vertical {\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n.bcds-react-aria-CheckboxGroup--options.horizontal {\n flex-direction: row;\n gap: var(--layout-margin-medium);\n}\n.bcds-react-aria-CheckboxGroup--options.horizontal.flex-wrap-nowrap {\n flex-wrap: nowrap;\n}\n.bcds-react-aria-CheckboxGroup--options.horizontal.flex-wrap-wrap {\n flex-wrap: wrap;\n}\n.bcds-react-aria-CheckboxGroup--options.horizontal.flex-wrap-wrap-reverse {\n flex-wrap: wrap-reverse;\n}\n\n/* Parts */\n.bcds-react-aria-CheckboxGroup--label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-CheckboxGroup--description {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n}\n\n.bcds-react-aria-CheckboxGroup--error {\n display: inline-flex;\n flex-direction: row;\n gap: var(--layout-margin-xsmall);\n font: var(--typography-regular-small-body);\n color: var(--typography-color-danger);\n}\n";
|
|
16120
|
+
styleInject(css_248z$i);
|
|
15976
16121
|
|
|
15977
16122
|
function CheckboxGroup({ orientation = "vertical", label, description, errorMessage, flexWrap = "nowrap", children, ...props }) {
|
|
15978
16123
|
return (jsx($bc237834342dbd75$export$4aa08d5625cb8ead, { className: `bcds-react-aria-CheckboxGroup`, ...props, children: ({ isRequired, isInvalid }) => (jsxs(Fragment, { children: [label && (jsxs($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: "bcds-react-aria-CheckboxGroup--label", children: [label, " ", isRequired && "(required)"] })), jsx("div", { className: `bcds-react-aria-CheckboxGroup--options ${orientation} flex-wrap-${flexWrap}`, children: jsx(Fragment, { children: children }) }), description && (jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-CheckboxGroup--description", children: description })), isInvalid && (jsxs("div", { className: "bcds-react-aria-CheckboxGroup--error", children: [jsx(SvgExclamationIcon, {}), jsx($ee014567cb39d3f0$export$f551688fc98f2e09, { children: errorMessage })] }))] })) }));
|
|
15979
16124
|
}
|
|
15980
16125
|
|
|
15981
|
-
var css_248z$
|
|
15982
|
-
styleInject(css_248z$
|
|
16126
|
+
var css_248z$h = ".bcds-react-aria-Dialog {\n display: flex;\n flex-direction: column;\n min-height: var(--layout-margin-xxxlarge);\n}\n\n.bcds-react-aria-Dialog--Container {\n position: relative;\n}\n\n/* Close icon */\n.bcds-react-aria-Dialog--closeIcon {\n color: var(--icons-color-primary);\n position: absolute;\n top: 0;\n right: 0;\n padding: var(--layout-padding-small);\n}\n.bcds-react-aria-Dialog--closeIcon > svg {\n min-width: var(--icons-size-medium);\n height: var(--icons-size-medium);\n}\n";
|
|
16127
|
+
styleInject(css_248z$h);
|
|
15983
16128
|
|
|
15984
16129
|
function Dialog({ isCloseable = true, role = "dialog", children, ...props }) {
|
|
15985
16130
|
return (jsx($de32f1b87079253c$export$3ddf2d174ce01153, { className: "bcds-react-aria-Dialog", role: role, ...props, children: ({ close }) => (jsx(Fragment, { children: jsxs("div", { className: "bcds-react-aria-Dialog--Container", children: [isCloseable && (jsx("span", { className: "bcds-react-aria-Dialog--closeIcon", children: jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close", type: "button", onPress: close, children: jsx(SvgCloseIcon, {}) }) })), jsx(Fragment, { children: children })] }) })) }));
|
|
@@ -15990,8 +16135,8 @@ function SvgBcLogo({ id = "bcgov-logo" }) {
|
|
|
15990
16135
|
return (jsxs("svg", { id: id, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 847.65 327.01", children: [jsx("path", { d: "M109.59,226.32c44.7,0,106.54,25.17,151.41,25.17,32.02,0,63.26-8.54,81.04-21.13,1.24-7.39,1.9-14.97,1.9-22.72,0-75.13-60.91-136.04-136.04-136.04s-136.04,60.91-136.04,136.04c0,7.65.64,15.15,1.86,22.46,4.9-.91,21.57-3.79,35.87-3.79Z", style: { fill: "#fff", strokeWidth: "0px" } }), jsxs("g", { children: [jsxs("g", { children: [jsx("rect", { x: "415.4", y: "252.98", width: "314.66", height: "3.82", style: { fill: "#e3a82b", strokeWidth: "0px" } }), jsx("path", { d: "M423.47,116.64c0-6.39-.45-8.08-4.76-8.43l-3-.21c-.49-.39-.35-2.12.1-2.16,5.17-.46,11.69-.69,20.6-.69,6.04,0,11.79.43,16.1,2.42,4.12,1.81,7.28,5.26,7.28,10.79,0,6.22-4.03,9.41-9.77,11.83,0,.86.77,1.12,1.82,1.29,5.17.86,12.84,5.18,12.84,14.42,0,10.01-8.24,16.75-25.49,16.75-2.78,0-7.47-.26-11.5-.26s-7.47.17-11.02.26c-.57-.26-.77-1.64-.19-2.16l1.73-.26c5.08-.78,5.27-1.73,5.27-10.79v-32.8ZM431.32,128.12c0,2.42.1,2.59,4.98,2.42,9.77-.35,15.04-2.94,15.04-11.05s-7-11.65-14.28-11.65c-2.11,0-3.55.17-4.41.52-.96.26-1.34.69-1.34,2.24v17.52ZM431.32,148.14c0,3.11.19,7.51,2.01,9.41,1.82,1.98,4.7,2.42,7.57,2.42,8.53,0,15.04-3.45,15.04-12.08,0-6.82-3.83-14.76-19.07-14.76-5.17,0-5.56.52-5.56,2.24v12.77Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M531.26,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.06-.07,10.15-.22c.49.22.65,1.55.16,1.84l-2.04.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.04.22c.49.29.33,1.62-.16,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.66-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M576.66,151.53c0,7.74.15,8.85,4.6,9.22l2.45.22c.46.29.31,1.62-.15,1.84-4.37-.15-6.98-.22-10.05-.22s-5.75.07-10.66.22c-.46-.22-.62-1.47,0-1.84l2.76-.22c4.37-.37,4.75-1.48,4.75-9.22v-32.96c0-2.28,0-2.36-2.3-2.36h-4.22c-3.3,0-7.51.15-9.43,1.84-1.84,1.62-2.61,3.24-3.45,5.09-.62.44-1.69.07-1.99-.52,1.22-3.32,2.38-8.04,2.91-10.98.23-.15,1.23-.22,1.46,0,.46,2.36,2.99,2.29,6.52,2.29h31.05c4.14,0,4.83-.15,5.98-2.06.38-.15,1.23-.07,1.38.22-.84,3.02-1.38,9-1.15,11.21-.31.59-1.61.59-1.99.15-.23-1.84-.77-4.57-1.92-5.38-1.76-1.25-4.68-1.84-8.89-1.84h-5.44c-2.3,0-2.22.07-2.22,2.51v32.81Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M609.53,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.05-.07,10.15-.22c.49.22.66,1.55.17,1.84l-2.05.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.05.22c.49.29.33,1.62-.17,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.65-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M646.2,163.57c-7.31,0-11.92-1.92-13.57-2.73-1.04-1.62-2.18-6.86-2.35-10.32.44-.52,1.74-.66,2.09-.22,1.31,3.76,4.87,10.98,14.96,10.98,7.31,0,10.87-4.05,10.87-8.48,0-3.24-.78-6.86-7.13-10.32l-8.26-4.57c-4.35-2.43-9.4-6.64-9.4-12.68,0-7,6.44-12.68,17.75-12.68,2.7,0,5.83.44,8.09.96,1.13.29,2.35.44,3.04.44.78,1.77,1.57,5.9,1.57,9-.35.44-1.74.66-2.18.22-1.13-3.54-3.48-8.33-11.83-8.33s-10.35,4.79-10.35,8.18c0,4.28,4.18,7.38,7.39,9.07l6.96,3.69c5.48,2.88,10.88,7.15,10.88,14.16,0,8.11-7.22,13.64-18.53,13.64Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M689.99,138.78c-3.81,0-3.96.15-3.96,2.36v10.4c0,7.74.4,8.77,4.84,9.22l2.3.22c.48.29.32,1.62-.16,1.84-4.28-.15-6.98-.22-10.08-.22-3.41,0-6.11.15-9.2.22-.47-.22-.63-1.4-.16-1.84l1.35-.22c4.45-.74,4.6-1.48,4.6-9.22v-26.54c0-7.74-.55-8.99-4.68-9.29l-2.06-.15c-.48-.29-.32-1.62.16-1.84,3.89.07,6.58.22,10,.22,3.1,0,5.79-.07,9.2-.22.48.22.63,1.55.16,1.84l-1.51.15c-4.6.44-4.76,1.55-4.76,9.29v8.48c0,2.28.16,2.36,3.96,2.36h22.69c3.81,0,3.97-.07,3.97-2.36v-8.48c0-7.74-.16-8.85-4.84-9.29l-1.51-.15c-.48-.29-.32-1.62.16-1.84,3.65.15,6.35.22,9.6.22s5.79-.07,9.36-.22c.48.22.63,1.55.16,1.84l-1.66.15c-4.6.44-4.76,1.55-4.76,9.29v26.54c0,7.74.16,8.7,4.76,9.22l1.9.22c.47.29.32,1.62-.16,1.84-3.81-.15-6.51-.22-9.6-.22-3.25,0-6.11.07-9.6.22-.48-.22-.63-1.4-.16-1.84l1.51-.22c4.84-.74,4.84-1.48,4.84-9.22v-10.4c0-2.21-.16-2.36-3.97-2.36h-22.69Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M378.06,179.01c6.52-5.07,14.83-7.57,24.12-7.57,4.82,0,11.61.98,15.81,2.14,1.07.27,1.7.45,2.5.36.09,2.05.54,7.65,1.25,13.09-.45.62-1.79.71-2.41.18-1.34-6.05-5.36-13-18.31-13-13.67,0-25.28,8.64-25.28,27.06s11.88,29.02,26.53,29.02c11.52,0,16.62-7.48,18.67-12.73.63-.44,1.97-.27,2.32.36-.62,4.63-2.95,10.5-4.29,12.2-1.07.18-2.14.53-3.13.89-1.97.71-8.4,2.05-14.11,2.05-8.04,0-15.72-1.6-22.24-5.96-7.15-4.9-12.69-12.99-12.69-24.48,0-9.88,4.47-18.34,11.26-23.59Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M426.92,207.81c0-14.75,11.61-26.03,27.56-26.03,17.88,0,26.86,12.31,26.86,25.29,0,14.89-11.92,25.73-26.86,25.73-17.19,0-27.56-11.72-27.56-25ZM473.6,209.35c0-12.17-5.65-25.29-20.44-25.29-8.05,0-18.5,5.24-18.5,21.38,0,10.91,5.57,25.07,20.82,25.07,9.29,0,18.12-6.64,18.12-21.16Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M568.68,201.47c0-4.57-.16-13.05-1.49-15.26-.55-.89-1.95-1.4-3.91-1.55l-1.95-.15c-.47-.52-.31-1.47.15-1.77,2.97.15,5.86.22,8.91.22,3.28,0,5.39-.08,8.21-.22.62.37.55,1.33.16,1.77l-1.88.15c-1.95.15-3.44.81-3.91,1.77-1.09,2.43-1.09,10.91-1.09,15.04v8.33c0,6.42-1.1,13.2-5.47,17.62-3.36,3.47-9.14,5.38-14.93,5.38-5.39,0-10.79-.96-14.62-4.05-4.14-3.24-6.1-8.63-6.1-17.4v-17.4c0-7.67-.16-8.92-4.69-9.29l-1.96-.15c-.47-.29-.31-1.55.15-1.77,3.91.15,6.57.22,9.69.22s5.78-.08,9.61-.22c.47.22.63,1.47.16,1.77l-1.88.15c-4.53.37-4.69,1.62-4.69,9.29v15.93c0,11.87,3.91,19.69,15.87,19.69,11.33,0,15.63-8.41,15.63-19.61v-8.48Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M659.52,192.26c0-5.51-.35-6.93-4.23-7.22l-2.77-.27c-.31-.28-.48-1.78.09-1.82,4.67-.35,10.54-.59,18.57-.59,5.44,0,10.62.37,14.51,2.08,3.71,1.57,6.56,4.54,6.56,9.31,0,5.36-3.63,8.12-8.81,10.2,0,.75.69.97,1.64,1.12,4.67.74,11.58,4.47,11.58,12.44,0,8.64-7.43,14.45-22.98,14.45-2.5,0-6.74-.22-10.37-.22s-6.74.15-9.93.22c-.52-.22-.69-1.41-.17-1.86l1.55-.22c4.58-.67,4.75-1.49,4.75-9.31v-28.3ZM666.6,202.16c0,2.09.09,2.24,4.49,2.09,8.81-.3,13.56-2.53,13.56-9.53s-6.3-10.05-12.87-10.05c-1.9,0-3.2.15-3.97.45-.87.22-1.21.59-1.21,1.94v15.12ZM666.6,219.44c0,2.68.17,6.48,1.81,8.12,1.64,1.71,4.23,2.08,6.82,2.08,7.69,0,13.56-2.98,13.56-10.43,0-5.88-3.45-12.73-17.19-12.73-4.67,0-5.01.44-5.01,1.94v11.02Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M518.75,160.97l-2.05-.18c-.41-.04-.78-.1-1.13-.15-2.99-.53-4.19-3.2-5.6-5.67l-7.08-12.32c-1.22-2.05-2.53-4.82-5.33-5.21,7.25-.87,13.81-5.06,13.81-12.24,0-8.3-8.21-12.01-16.52-12.01-4.98,0-9.52.13-14.59.13-2.79,0-6.12-.13-8.92-.13-1.55,0-1.57.32-1.57,1.18,0,1.28.54.92,2.19,1.02,5.9.33,5.68,1.43,5.68,6.49v32.31c0,4.62.4,6-4.46,6.44,0,0-.74.08-1.17.12l-2.06.21c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.12,3.03-.12,2.69-.08,5.38-.28,8.06-.28s5.29.21,7.95.29h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.07-.2c-.42-.05-1.15-.11-1.15-.11-4.9-.33-4.6-1.71-4.6-6.46v-12.17c0-.71-.09-2.61.44-3.16.44-.48,1.22-.4,1.92-.4,6.64,0,6.55.63,9.7,6.16l8.56,15.4c.7,1.19,1.22,2.69,2.97,2.69h7.44c.94.03,1.92.06,3.01.1.49-.22.65-1.4.16-1.84ZM488.92,136.74c-1.49,0-4.46.55-4.46-1.42v-14.14c0-5.53.18-6.32,6.82-6.32,7.78,0,12.58,3.95,12.58,11.22,0,3.16-1.14,6.08-4.02,8.06-3.32,2.29-6.9,2.61-10.92,2.61Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsxs("g", { children: [jsx("path", { d: "M490.53,194.2c0-7.74-.16-8.92-5.27-9.29l-2.03-.15c-.49-.3-.32-1.62.16-1.84,4.54.15,7.3.22,10.54.22s5.92-.07,9.98-.22c.49.22.65,1.55.16,1.84l-1.95.15c-4.78.37-4.95,1.55-4.95,9.29v25.66c0,4.64.24,6.56,1.7,7.96.89.81,2.43,1.7,8.84,1.7,6.89,0,8.6-.3,9.9-.96,1.62-.89,3.73-3.54,5.35-7.3.49-.37,2.03-.07,2.03.44,0,.81-2.27,8.33-3.41,10.32-4.13-.15-11.84-.22-20.2-.22h-7.46c-3.41,0-6,.07-10.54.22-.49-.22-.65-1.4-.16-1.84l2.43-.22c4.7-.44,4.87-1.48,4.87-9.22v-26.54Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M707.79,194.34c0-7.81-.16-9.07-4.86-9.44l-1.99-.15c-.48-.3-.32-1.62.16-1.84,3.98.15,6.69.22,10.03.22s5.89-.07,9.87-.22c.48.22.64,1.55.16,1.84l-1.99.15c-4.7.37-4.86,1.62-4.86,9.44v26.25c0,7.82.16,8.85,4.86,9.36l1.99.22c.48.3.32,1.62-.16,1.84-3.98-.15-6.69-.22-9.87-.22-3.35,0-6.05.07-10.03.22-.48-.22-.64-1.4-.16-1.84l1.99-.22c4.7-.52,4.86-1.55,4.86-9.36v-26.25Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M644.16,229.94c-.41-.04-1.17-.1-1.17-.1-.84-.08-1.59-.2-2.19-.86-1.03-1.1-.95-4.23-.95-5.48v-32.31c0-1.41-.34-4.46.69-5.56.52-.58,1.59-.67,2.55-.73h0c.58-.05.6-.05,1.11-.07l2.05-.15c.49-.3.33-1.62-.16-1.84-1.09.04-2.09.02-3.03.05h0s-8.7,0-8.7,0c-.95,0-1.81,0-2.32,1.02l-17.73,36.92-15.66-35.67c-.52-1.25-.6-2.27-2.24-2.27h-9.05c-.94-.03-1.98-.02-3.08-.06-.49.22-.66,1.55-.16,1.84l2.05.15c.42.03,1.19.09,1.19.09,3.4.22,3.61.98,3.3,4.55l-2.67,34.65c-.23,3.48-.42,5.32-4.07,5.66,0,0-.77.1-1.19.14l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,3-.1,3-.1,1.85-.09,3.73-.25,5.61-.25,2.03,0,4.06.19,6.1.27h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.04-.22c-.54-.04-1.14-.1-1.14-.1-5.26-.36-5.14-4.07-4.81-8.62l2.5-32.23h.6l16.95,39.66c.17.55.43,1.49,1.29,1.49.78,0,1.03-.86,1.29-1.41l19.1-40.68h.6v35.44c0,1.41.17,4.3-1.29,5.4-.76.57-3.25.91-3.25.91-.34.05-.7.1-1.11.15l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,2.99-.1,2.99-.1,2.77-.08,5.59-.28,8.41-.28,2.03,0,6,.19,6,.19.95.03,2.02.13,3.12.17.49-.22.66-1.4.16-1.84l-2.05-.22Z", style: { fill: "#234075", strokeWidth: "0px" } }), jsx("path", { d: "M777.13,230.14l-.28-.22c-.41-.04-.77-.09-1.11-.15-3.19-.71-4.43-4.55-5.61-7.29l-16.41-38.83c-.16-.47-.49-1.47-1.14-1.47-.89,0-1.14,1.08-1.38,1.7l-15.68,38.76c-.57,1.47-2.03,5.03-3.09,6.11-.81.83-1.86.99-2.99,1.1,0,0-.88.08-1.31.13l-1.93.2c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.11,3.03-.11,2.14-.03,4.29-.3,6.44-.3,1.81,0,3.61.19,5.41.27,0,0,1.94.07,3.03.11.49-.22.65-1.4.16-1.84l-2.05-.22c-.41-.04-1.11-.11-1.11-.11-1.89-.21-4.24-.55-4.24-2.62,0-1.39.65-3.02,1.14-4.25l2.44-5.8c1.22-2.78.73-3.1,3.98-3.1h11.05c3.9,0,3.33,0,5.04,3.95l2.6,5.88c.41,1.01,1.14,2.71,1.14,3.79,0,1.94-2.12,2.07-4.11,2.24,0,0-.66.06-1.23.1l-1.97.14c-.49.44-.33,1.62.17,1.84,1.09-.04,3.03-.12,3.03-.12,2.31-.08,4.64-.26,6.87-.26,2.85,0,5.69.19,8.54.27h0c.93.03.14.06,1.22.1.49-.22.65-1.4.16-1.84ZM755.64,211.89h-9.57c-.33,0-3,.31-3-.47,0-.24.17-.7.25-.94l5.75-14.23c.17-.39.75-2.35,1.41-2.35.5,0,1.17,2.03,1.33,2.35l5.66,13.29c0,.16.58,1.41.58,1.72,0,.86-1.91.62-2.41.62Z", style: { fill: "#234075", strokeWidth: "0px" } })] }), jsx("rect", { width: "847.65", height: "327.01", style: { fill: "none", strokeWidth: "0px" } })] }), jsxs("g", { children: [jsx("polygon", { points: "295.89 176.17 301.27 178.4 313.19 170.08 295.89 176.17", style: { fill: "#e3a82b", strokeWidth: "0px" } }), jsx("path", { d: "M95.46,166.88l-14.14-4.97.71-1.73,15.92,5.31.07-.04,2.1-1.19.84-.53-17.36-7.39.73-1.82,38.75,15.67,1.28-.53-38.44-18.73.86-1.76,40.73,18.96.56-.29-39.49-22.4.81-1.68,57.03,31.03c.47-.86,1.44-2.44,1.95-3.28-21.68-20.39-42.61-35.69-42.61-35.69,0,0,21.52,14.41,48.07,27.81.88-1.09,1.6-1.97,2.53-3.01l-48.65-42.83,1.31-1.34,39.27,33.47-36.38-36.43,1.36-1.41,40.84,39.47-38.02-42.2,1.45-1.31,35.14,37.63-32.07-40.41,1.38-1.26,41.11,50.03c1.06-.92,1.95-1.61,3.06-2.46-12.44-26.91-26.02-48.8-26.02-48.8,0,0,14.46,21.28,33.96,43.56,1.19-.67,2.4-1.31,3.63-1.92l-.21-.13-28.81-57.5,1.71-.75,23.87,45.74-20.08-47.41,1.79-.8,23.08,51.9-19.45-53.37,1.84-.67,18.49,48.05-14.6-49.49,1.75-.65,19.22,61.38-.04.16.05-.02c1.28-.43,2.58-.81,3.89-1.16-1.46-29.48-5.82-54.7-5.82-54.7,0,0,5.4,25,15.08,52.87,1.35-.17,2.71-.31,4.07-.4l-.04-.06h.17l-.1-.14-5.17-64.11,1.87-.06,5,51.35-.86-51.48,1.96-.07,1.96,56.77,1.96-56.77,1.96.07-.86,51.48,5-51.35,1.87.06-5.17,64.11-.1.14h.03v.02s.07,0,.07,0c1.34.08,2.66.22,3.98.38,9.67-27.84,15.06-52.8,15.06-52.8,0,0-4.35,25.14-5.82,54.57,1.32.35,2.63.73,3.91,1.15l19.15-61.16,1.76.65-14.6,49.48,18.49-48.05,1.84.67-19.45,53.37,23.08-51.9,1.79.8-20.08,47.41,23.87-45.74,1.71.75-28.71,57.3.05.02c1.18.58,2.34,1.19,3.49,1.83,19.42-22.21,33.79-43.37,33.79-43.37,0,0-13.49,21.74-25.89,48.52,1.11.84,2.19,1.7,3.24,2.6l40.63-49.49,1.39,1.26-32.08,40.41,35.14-37.63,1.45,1.31-38.02,42.2,40.84-39.47,1.36,1.41-36.38,36.43,39.27-33.47,1.31,1.34-48.06,42.35.03.03c.84.94,1.65,1.9,2.44,2.88,26.39-13.34,47.71-27.62,47.71-27.62,0,0-20.72,15.16-42.29,35.4.59.99,1.55,2.67,2.09,3.69l56.22-30.61.81,1.69-44.88,25.45,46.68-21.72.86,1.76-43.48,21.19.83.29,44.24-17.89.74,1.82-41.12,17.49.77.32,27.4-9.13,4.13-2.88,1.37,1.05,9.02-3.01.71,1.73-7.8,2.75,11.27,8.6,3.61,2.01c-14.49-60.58-68.98-105.62-134-105.62s-121.42,46.63-134.73,108.82c.17-.08.34-.16.51-.24l1.65-.75,1.01-.47,19.01-10.66Z", style: { fill: "#e3a82b", strokeWidth: "0px" } })] }), jsx("path", { d: "M72.5,233.02s20.32-4.06,37.29-4.06c44.7,0,106.54,25.17,151.41,25.17,32.91,0,65.02-9.03,82.51-22.19,1.37-7.79,2.08-15.8,2.08-23.98,0-11.08-1.32-21.85-3.79-32.17l-18.7-10.43-21.95,15.39-14.76-5.75c-5,2.53-35.83,23.15-35.83,23.15l-11.84-8.57-12.7-2.51-16.93-12.33-19.42,13.33s-21.67,12.58-22.41,12.58-26.14-20.13-26.14-20.13l-11.7-12.33c-1.99,1.26-9.95,4.91-9.95,4.91l-.41.11-7.7-2.38-9.35-4.96-28.41,12.88c-.17.08-.34.16-.51.24-2,9.34-3.06,19.03-3.06,28.96,0,8.56.79,16.93,2.28,25.06Z", style: { fill: "#234075", strokeWidth: "0px" } })] })] }));
|
|
15991
16136
|
}
|
|
15992
16137
|
|
|
15993
|
-
var css_248z$
|
|
15994
|
-
styleInject(css_248z$
|
|
16138
|
+
var css_248z$g = ".bcds-footer {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n}\n\n.bcds-footer > .bcds-footer--acknowledgement {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-top: var(--layout-border-width-large) solid var(--theme-gold-60);\n border-bottom: var(--layout-border-width-large) solid var(--theme-gold-60);\n background-color: var(--theme-gray-110);\n padding: var(--layout-padding-xlarge);\n}\n\n.bcds-footer\n > .bcds-footer--acknowledgement\n > .bcds-footer--acknowledgement-text {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: stretch;\n color: var(--typography-color-primary-invert);\n font: var(--typography-regular-small-body);\n max-width: 1100px;\n width: 100%;\n}\n\n.bcds-footer\n > .bcds-footer--acknowledgement\n > .bcds-footer--acknowledgement-text\n > p {\n margin: var(--layout-margin-none);\n}\n\n.bcds-footer > .bcds-footer--container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n background-color: var(--surface-color-background-light-gray);\n padding: var(--layout-padding-xlarge);\n}\n\n.bcds-footer > .bcds-footer--container > .bcds-footer--container-content {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--layout-padding-xlarge);\n max-width: 1100px;\n width: 100%;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: flex-start;\n column-gap: var(--layout-padding-xlarge);\n row-gap: var(--layout-padding-medium);\n justify-content: space-between;\n width: 100%;\n}\n\n/* `horizontal` class is the default, when no `children` prop is passed */\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.horizontal {\n flex-direction: row;\n}\n\n/* `vertical` class is used when a `children` prop is passed */\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.vertical {\n flex-direction: column;\n align-items: stretch;\n row-gap: var(--layout-padding-xlarge);\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo {\n display: flex;\n flex-direction: column;\n gap: var(--layout-padding-large);\n min-width: 324px;\n width: 576px;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo\n > #bcgov-logo-footer {\n width: 146px;\n min-width: 146px;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo\n > p {\n font: var(--typography-regular-small-body);\n margin: var(--layout-margin-none);\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo\n > p\n > a {\n color: var(--typography-color-secondary);\n font: var(--typography-regular-small-body);\n text-decoration: underline;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo\n > p\n > a:hover {\n text-decoration: none;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links {\n margin: var(--layout-margin-none);\n}\n\n/*\n When Footer hasn't been passed `children`, expand the links container to take\n up 320px, as the default links are narrower.\n*/\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.horizontal\n > .bcds-footer--links {\n min-width: 320px;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > .bcds-footer--links-title {\n display: block;\n font: var(--typography-bold-small-body);\n margin-bottom: var(--layout-padding-medium);\n text-transform: uppercase;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > ul {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: auto;\n grid-column-gap: var(--layout-padding-xlarge);\n grid-row-gap: var(--layout-padding-small);\n list-style: none;\n margin: var(--layout-margin-none);\n padding: var(--layout-padding-none);\n}\n\n/*\n When a Footer has been passed `children`, the logo-links container fills the\n full width of the container, so there's room for 4 columns of links.\n*/\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.vertical\n > .bcds-footer--links\n > ul {\n grid-template-columns: repeat(4, 1fr);\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > ul\n > li {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > ul\n > li\n > a {\n color: var(--typography-color-primary);\n text-decoration: none;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > ul\n > li\n > a:hover {\n text-decoration: underline;\n}\n\n.bcds-footer > .bcds-footer--container > .bcds-footer--container-content > hr {\n background-color: var(--surface-color-border-dark);\n border: var(--layout-border-width-none);\n height: var(--layout-border-width-small);\n margin: var(--layout-margin-none);\n width: 100%;\n}\n\np.bcds-footer--copyright {\n color: var(--typography-color-secondary);\n font: var(--typography-regular-body);\n margin: var(--layout-margin-none);\n}\n\n/* Tablet */\n@media (max-width: 991px) {\n /* Links drop beneath logo in the default configuration */\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links {\n flex-wrap: wrap;\n }\n\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo {\n max-width: 324px;\n }\n\n /*\n When the `children` prop is used with multiple FooterLinks components,\n only two columns of links appear on screen at once.\n */\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.vertical\n > .bcds-footer--links\n > ul {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n/* Extra small screens */\n@media (max-width: 575px) {\n .bcds-footer > .bcds-footer--acknowledgement {\n padding: var(--layout-padding-xlarge) var(--layout-padding-medium);\n }\n\n .bcds-footer > .bcds-footer--container {\n padding: var(--layout-padding-medium);\n }\n\n .bcds-footer > .bcds-footer--container > .bcds-footer--container-content {\n gap: var(--layout-padding-medium);\n }\n\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo {\n gap: var(--layout-padding-medium);\n }\n\n /*\n When the `children` prop is used with multiple FooterLinks components,\n only one column of links appear on screen at once.\n */\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.vertical\n > .bcds-footer--links\n > ul {\n grid-template-columns: repeat(1, 1fr);\n }\n}\n";
|
|
16139
|
+
styleInject(css_248z$g);
|
|
15995
16140
|
|
|
15996
16141
|
/**
|
|
15997
16142
|
* A titled list of links for use in the Footer. Rendered inside a `<figure>`
|
|
@@ -16045,8 +16190,8 @@ function Form({ ...props }) {
|
|
|
16045
16190
|
return jsx($d3e0e05bdfcf66bd$export$a7fed597f4b8afd8, { ...props });
|
|
16046
16191
|
}
|
|
16047
16192
|
|
|
16048
|
-
var css_248z$
|
|
16049
|
-
styleInject(css_248z$
|
|
16193
|
+
var css_248z$f = ".bcds-header {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n background-color: var(--surface-color-forms-default);\n border-bottom-color: var(--surface-color-border-default);\n border-bottom-style: solid;\n border-bottom-width: var(--layout-border-width-small);\n min-height: 65px;\n padding: var(--layout-padding-none) var(--layout-padding-medium);\n width: 100%;\n}\n\n.bcds-header > .bcds-header--container {\n flex-grow: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-padding-medium);\n max-width: 1100px;\n}\n\n.bcds-header > .bcds-header--container > .bcds-header--title {\n flex-grow: 1;\n font: var(--typography-bold-h4);\n color: var(--typography-color-primary);\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks {\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li a,\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li button {\n background-color: var(--surface-color-forms-default);\n box-sizing: border-box;\n color: var(--typography-color-link);\n font: var(--typography-regular-body);\n margin-top: -17.5px; /* Center the link visually in a single line-height header */\n padding: var(--layout-padding-xsmall) var(--layout-padding-medium);\n position: absolute;\n margin-left: -100000px;\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li a:focus,\n.bcds-header\n > .bcds-header--container\n > ul.bcds-header--skiplinks\n li\n button:focus {\n margin-left: 0; /* Line up left edge with left edge of logo image */\n text-wrap: nowrap;\n}\n\n.bcds-header > .bcds-header--container > .bcds-header--line {\n background-color: var(--surface-color-border-default);\n width: 1px;\n height: 32px;\n}\n\n.bcds-header > .bcds-header--container svg#bcgov-logo-header {\n min-width: 129px;\n width: 129px;\n}\n";
|
|
16194
|
+
styleInject(css_248z$f);
|
|
16050
16195
|
|
|
16051
16196
|
function Header({ children, logoLinkElement, logoImage = jsx(SvgBcLogo, { id: "bcgov-logo-header" }), skipLinks, title = "", titleElement = "span", }) {
|
|
16052
16197
|
function getLogo() {
|
|
@@ -16079,8 +16224,15 @@ function Header({ children, logoLinkElement, logoImage = jsx(SvgBcLogo, { id: "b
|
|
|
16079
16224
|
}) })), title && (jsxs(Fragment, { children: [jsx("div", { className: "bcds-header--line" }), getTitle()] })), children] }) }));
|
|
16080
16225
|
}
|
|
16081
16226
|
|
|
16082
|
-
var css_248z$
|
|
16083
|
-
styleInject(css_248z$
|
|
16227
|
+
var css_248z$e = "/* Headings */\nh1.bcds-react-aria-Heading {\n font: var(--typography-bold-h1);\n}\n\nh2.bcds-react-aria-Heading {\n font: var(--typography-bold-h2);\n}\n\nh3.bcds-react-aria-Heading {\n font: var(--typography-bold-h3);\n}\n\nh4.bcds-react-aria-Heading {\n font: var(--typography-bold-h4);\n}\n\nh5.bcds-react-aria-Heading {\n font: var(--typography-bold-h5);\n}\n\nh6.bcds-react-aria-Heading {\n font: var(--typography-bold-h6);\n}\n\n/* Text colour */\n.bcds-react-aria-Heading.primary {\n color: var(--typography-color-primary);\n}\n.bcds-react-aria-Heading.primaryInvert {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Heading.secondary {\n color: var(--typography-color-secondary);\n}\n.bcds-react-aria-Heading.secondaryInvert {\n color: var(--typography-color-secondary-invert);\n}\n.bcds-react-aria-Heading.disabled {\n color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Heading.danger {\n color: var(--typography-color-danger);\n}\n";
|
|
16228
|
+
styleInject(css_248z$e);
|
|
16229
|
+
|
|
16230
|
+
function Heading({ color = "primary", isUnstyled = false, ...props }) {
|
|
16231
|
+
return (jsx($5cb03073d3f54797$export$a8a3e93435678ff9, { className: isUnstyled ? undefined : `bcds-react-aria-Heading ${color}`, ...props }));
|
|
16232
|
+
}
|
|
16233
|
+
|
|
16234
|
+
var css_248z$d = ".bcds-Inline-Alert {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: var(--layout-margin-small);\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n}\n\n/* Alert content */\n.bcds-Inline-Alert--container {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.bcds-Inline-Alert--container > .title {\n font: var(--typography-bold-body);\n color: var(--typography-color-primary);\n}\n\n.bcds-Inline-Alert--container > .description {\n font: var(--typography-regular-body);\n color: var(--typography-color-primary);\n}\n\n/* Left icon */\n.bcds-Inline-Alert--icon {\n display: inline-flex;\n align-self: flex-start;\n padding-top: var(--layout-padding-xsmall);\n}\n\n.bcds-Inline-Alert--icon > svg {\n min-width: var(--icons-size-medium);\n height: var(--icons-size-medium);\n}\n\n/* Closeable */\n.bcds-Inline-Alert.closeable {\n /*\n Because the close icon button is removed from the document flow, we\n manually adjust the padding to push the `--container` element off the right\n edge of the InlineAlert.\n */\n padding: var(--layout-padding-medium) 52px var(--layout-padding-medium)\n var(--layout-padding-large);\n}\n\n.bcds-Inline-Alert--closeIcon {\n align-self: first baseline;\n color: var(--icons-color-primary);\n position: relative;\n}\n\n.bcds-Inline-Alert--closeIcon > button {\n position: absolute;\n /*\n Centers the button vertically.\n Button height (32px) minus line-height of text (27px) divided by 2.\n */\n top: -2.5px;\n}\n\n.bcds-Inline-Alert--closeIcon > svg {\n min-width: var(--icons-size-medium);\n height: var(--icons-size-medium);\n}\n\n/* Info variant */\n.bcds-Inline-Alert.info {\n background-color: var(--support-surface-color-info);\n border: var(--layout-border-width-small) solid\n var(--support-border-color-info);\n border-radius: var(--layout-border-radius-medium);\n}\n\n.bcds-Inline-Alert.info > .bcds-Inline-Alert--icon {\n color: var(--icons-color-info);\n}\n\n/* Success variant */\n.bcds-Inline-Alert.success {\n background-color: var(--suport-surface-color-success);\n border: var(--layout-border-width-small) solid\n var(--support-border-color-success);\n border-radius: var(--layout-border-radius-medium);\n}\n\n.bcds-Inline-Alert.success > .bcds-Inline-Alert--icon {\n color: var(--icons-color-success);\n}\n\n/* Warning variant */\n.bcds-Inline-Alert.warning {\n background-color: var(--support-surface-color-warning);\n border: var(--layout-border-width-small) solid\n var(--support-border-color-warning);\n border-radius: var(--layout-border-radius-medium);\n}\n\n.bcds-Inline-Alert.warning > .bcds-Inline-Alert--icon {\n color: var(--icons-color-warning);\n}\n\n/* Danger variant */\n.bcds-Inline-Alert.danger {\n background-color: var(--support-surface-color-danger);\n border: var(--layout-border-width-small) solid\n var(--support-border-color-danger);\n border-radius: var(--layout-border-radius-medium);\n}\n\n.bcds-Inline-Alert.danger > .bcds-Inline-Alert--icon {\n color: var(--icons-color-danger);\n}\n\n/* Button group */\n.bcds-Inline-Alert--container > .bcds-ButtonGroup {\n padding-top: var(--layout-padding-small);\n}\n";
|
|
16235
|
+
styleInject(css_248z$d);
|
|
16084
16236
|
|
|
16085
16237
|
function getIcon(variant) {
|
|
16086
16238
|
switch (variant) {
|
|
@@ -16100,29 +16252,40 @@ function InlineAlert({ variant = "info", title, description, isIconHidden = fals
|
|
|
16100
16252
|
return (jsxs("div", { className: `bcds-Inline-Alert ${variant} ${isCloseable ? "closeable" : null}`, ...props, children: [!isIconHidden && (jsx("span", { className: "bcds-Inline-Alert--icon", children: getIcon(variant) })), jsx("div", { className: "bcds-Inline-Alert--container", role: role, "aria-labelledby": "alert-title", children: children ? (children) : (jsxs(Fragment, { children: [title && (jsx("span", { className: "title", id: "alert-title", children: title })), description && jsx("span", { className: "description", children: description }), buttons && (jsx(ButtonGroup, { alignment: "end", orientation: "horizontal", children: buttons }))] })) }), isCloseable && (jsx("span", { className: "bcds-Inline-Alert--closeIcon", children: jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close this alert", type: "button", onPress: onClose, children: jsx(SvgCloseIcon, {}) }) }))] }));
|
|
16101
16253
|
}
|
|
16102
16254
|
|
|
16103
|
-
var css_248z$
|
|
16104
|
-
styleInject(css_248z$
|
|
16255
|
+
var css_248z$c = ".bcds-react-aria-Link {\n color: var(--typography-color-link);\n text-decoration: underline;\n text-underline-offset: var(--layout-padding-hair);\n cursor: pointer;\n}\n\n/* Icon slots */\n.bcds-react-aria-Link--Icon {\n display: inline-flex;\n flex-direction: row;\n vertical-align: text-bottom;\n margin: var(--layout-margin-none) var(--layout-margin-xsmall);\n}\n\n/* Sizing */\n.bcds-react-aria-Link.small {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-Link.medium {\n font: var(--typography-regular-body);\n}\n\n.bcds-react-aria-Link.large {\n font: var(--typography-regular-large-body);\n}\n\n/* Placeholder large button style */\n.bcds-react-aria-Button.large {\n min-height: 40px;\n}\n\n/* Hover */\n.bcds-react-aria-Link[data-hovered] {\n color: var(--surface-color-border-active);\n}\n\n.bcds-react-aria-Link[data-hovered].danger {\n color: var(--surface-color-primary-danger-button-hover);\n}\n\n/* Selected */\n.bcds-react-aria-Link[data-current] {\n color: var(--surface-color-border-active);\n}\n\n/* Focus */\n.bcds-react-aria-Link[data-focus-visible] {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n border-radius: var(--layout-border-radius-small);\n}\n\n/* Disabled */\n.bcds-react-aria-Link[data-disabled],\n.bcds-react-aria-Link[data-disabled].danger {\n color: var(--typography-color-disabled);\n cursor: not-allowed;\n}\n\n/* Danger */\n.bcds-react-aria-Link.danger {\n color: var(--typography-color-danger);\n}\n";
|
|
16256
|
+
styleInject(css_248z$c);
|
|
16257
|
+
|
|
16258
|
+
function Link({ children, size = "medium", danger = false, isButton = false, buttonVariant = "primary", isUnstyled = false, iconLeft, iconRight, ariaLabel, ...props }) {
|
|
16259
|
+
return (jsxs($4f118338184dc1d9$export$a6c7ac8248d6e38a, { className: !isUnstyled
|
|
16260
|
+
? isButton
|
|
16261
|
+
? `bcds-react-aria-Button ${size} ${buttonVariant} ${danger && "danger"}`
|
|
16262
|
+
: `bcds-react-aria-Link ${size} ${danger && "danger"}`
|
|
16263
|
+
: undefined, "aria-label": ariaLabel, ...props, children: [iconLeft && (jsx("span", { className: "bcds-react-aria-Link--Icon", children: iconLeft })), children, iconRight && (jsx("span", { className: "bcds-react-aria-Link--Icon", children: iconRight }))] }));
|
|
16264
|
+
}
|
|
16265
|
+
|
|
16266
|
+
var css_248z$b = "/* Styles for overlay element */\n.react-aria-ModalOverlay:has(.bcds-react-aria-Modal) {\n position: fixed;\n inset: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--layout-margin-small);\n background: var(--surface-color-overlay-default);\n height: 100vh;\n width: 100vw;\n z-index: 1000;\n}\n.react-aria-ModalOverlay:has(.bcds-react-aria-Modal)[data-entering] {\n animation: modal-fade 200ms;\n}\n.react-aria-ModalOverlay:has(.bcds-react-aria-Modal)[data-exiting] {\n animation: modal-fade 150ms reverse ease-in;\n}\n@media (prefers-reduced-motion) {\n /* Don't animate modal fade in/out if prefers-reduced-motion is on */\n .react-aria-ModalOverlay:has(.bcds-react-aria-Modal)[data-entering] {\n animation: unset;\n }\n .react-aria-ModalOverlay:has(.bcds-react-aria-Modal)[data-exiting] {\n animation: unset;\n }\n}\n\n@keyframes modal-fade {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n/* Styles for content container */\n.bcds-react-aria-Modal {\n box-sizing: border-box;\n max-width: 100vw;\n width: 600px;\n max-height: 100vh;\n min-height: var(--layout-margin-xxxlarge);\n height: auto;\n margin: var(--layout-margin-large);\n border-radius: var(--layout-border-radius-medium);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n background: var(--surface-color-forms-default);\n box-shadow: var(--surface-shadow-large);\n}\n";
|
|
16267
|
+
styleInject(css_248z$b);
|
|
16105
16268
|
|
|
16106
16269
|
function Modal({ children, ...props }) {
|
|
16107
16270
|
return (jsx($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: "bcds-react-aria-Modal", ...props, children: children }));
|
|
16108
16271
|
}
|
|
16109
16272
|
|
|
16110
|
-
var css_248z$
|
|
16111
|
-
styleInject(css_248z$
|
|
16273
|
+
var css_248z$a = ".bcds-react-aria-Radio {\n cursor: pointer;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-margin-small);\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n forced-color-adjust: none;\n}\n\n/* Selector */\n.bcds-react-aria-Radio:before {\n align-self: first baseline;\n margin-top: var(--layout-margin-xsmall);\n content: \"\";\n display: block;\n width: var(--icons-size-xsmall);\n height: var(--icons-size-xsmall);\n box-sizing: border-box;\n background-color: var(--surface-color-secondary-default);\n border-radius: var(--icons-size-small);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-medium);\n transition: all 200ms;\n}\n@media (prefers-reduced-motion) {\n .bcds-react-aria-Radio:before {\n /* No animation on radio button circle if user has reduced motion set */\n transition: none;\n }\n}\n\n/* Hover */\n.bcds-react-aria-Radio[data-hovered]:before {\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-dark);\n}\n\n/* Pressed */\n.bcds-react-aria-Radio[data-pressed]:before {\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-dark);\n}\n\n/* Selected */\n.bcds-react-aria-Radio[data-selected]:before {\n border: 5px solid var(--surface-color-primary-default);\n}\n\n/* Focused */\n.bcds-react-aria-Radio[data-focus-visible]:before {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n/* Invalid */\n.bcds-react-aria-Radio[data-invalid]:before {\n border: var(--layout-border-width-small) solid\n var(--support-border-color-danger);\n}\n.bcds-react-aria-Radio[data-selected][data-invalid] {\n color: var(--typography-color-danger);\n}\n.bcds-react-aria-Radio[data-selected][data-invalid]:before {\n border: 5px solid var(--support-border-color-danger);\n}\n\n/* Disabled */\n.bcds-react-aria-Radio[data-disabled] {\n color: var(--typography-color-disabled);\n cursor: not-allowed;\n}\n.bcds-react-aria-radio[data-selected][data-disabled]:before {\n border: 5px solid var(--surface-color-border-default);\n}\n\n/* Read only */\n.bcds-react-aria-Radio[data-readonly] {\n cursor: not-allowed;\n}\n";
|
|
16274
|
+
styleInject(css_248z$a);
|
|
16112
16275
|
|
|
16113
16276
|
function Radio({ value, children, ...props }) {
|
|
16114
16277
|
return (jsx($b6c3ddc6086f204d$export$d7b12c4107be0d61, { className: "bcds-react-aria-Radio", value: value, ...props, children: children }));
|
|
16115
16278
|
}
|
|
16116
16279
|
|
|
16117
|
-
var css_248z$
|
|
16118
|
-
styleInject(css_248z$
|
|
16280
|
+
var css_248z$9 = ".bcds-react-aria-RadioGroup {\n display: flex;\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n/* Orientation */\n.bcds-react-aria-RadioGroup--options {\n display: inline-flex;\n}\n\n.bcds-react-aria-RadioGroup--options.vertical {\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n.bcds-react-aria-RadioGroup--options.horizontal {\n flex-direction: row;\n gap: var(--layout-margin-medium);\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-nowrap {\n flex-wrap: nowrap;\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-wrap {\n flex-wrap: wrap;\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-nowrap {\n flex-wrap: wrap-reverse;\n}\n\n/* Parts */\n.bcds-react-aria-RadioGroup--label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-RadioGroup--description {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n}\n\n.bcds-react-aria-RadioGroup--error {\n display: inline-flex;\n flex-direction: row;\n gap: var(--layout-margin-xsmall);\n font: var(--typography-regular-small-body);\n color: var(--typography-color-danger);\n}\n";
|
|
16281
|
+
styleInject(css_248z$9);
|
|
16119
16282
|
|
|
16120
16283
|
function RadioGroup({ orientation = "vertical", label, description, children, errorMessage, flexWrap = "nowrap", ...props }) {
|
|
16121
16284
|
return (jsx($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { className: "bcds-react-aria-RadioGroup", ...props, children: ({ isRequired, isInvalid }) => (jsxs(Fragment, { children: [label && (jsxs($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: "bcds-react-aria-RadioGroup--label", children: [label, " ", isRequired && "(required)"] })), jsx("div", { className: `bcds-react-aria-RadioGroup--options ${orientation} flex-wrap-${flexWrap}`, children: children }), description && (jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-RadioGroup--description", children: description })), isInvalid && (jsxs("div", { className: "bcds-react-aria-RadioGroup--error", children: [jsx(SvgExclamationIcon, {}), jsx($ee014567cb39d3f0$export$f551688fc98f2e09, { children: errorMessage })] }))] })) }));
|
|
16122
16285
|
}
|
|
16123
16286
|
|
|
16124
|
-
var css_248z$
|
|
16125
|
-
styleInject(css_248z$
|
|
16287
|
+
var css_248z$8 = ".bcds-react-aria-Select {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* Hacks for `stretch`: https://caniuse.com/mdn-css_properties_max-width_stretch */\n max-width: -moz-available;\n max-width: -webkit-fill-available;\n}\n\n/* Label above select input */\n.bcds-react-aria-Select--Label {\n color: var(--typography-color-secondary);\n font: var(--typography-regular-small-body);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n.bcds-react-aria-Select[data-disabled] > .bcds-react-aria-Select--Label {\n color: var(--typography-color-disabled);\n}\n\n/* Text description below select input */\n.bcds-react-aria-Select--Description {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Error message */\n.bcds-react-aria-Select--Error {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-danger);\n}\n\n/* Error icon */\n.bcds-react-aria-Select[data-invalid]\n > .bcds-react-aria-Select--Button\n > svg:not(:last-child) {\n color: var(--icons-color-danger);\n}\n\n/* Select input equivalent */\n.bcds-react-aria-Select--Button {\n background-color: var(--surface-color-forms-default);\n border: 1px solid var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n gap: var(--layout-margin-small);\n align-items: center;\n padding: 0 12px;\n max-width: 100%;\n}\n.bcds-react-aria-Select--Button.invalid {\n border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Select[data-invalid] > .bcds-react-aria-Select--Button {\n border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Select--Button[data-disabled] {\n background-color: var(--surface-color-forms-disabled);\n cursor: not-allowed;\n}\n.bcds-react-aria-Select--Button[data-hovered] {\n border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Select--Button[data-focused] {\n border-color: var(--surface-color-border-active);\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n.bcds-react-aria-Select--Button[data-pressed] {\n border-color: var(--surface-color-border-active);\n}\n.bcds-react-aria-Select--Button.medium {\n height: 40px;\n}\n.bcds-react-aria-Select--Button.small {\n height: 32px;\n}\n.bcds-react-aria-Select--Button > .bcds-react-aria-SelectValue {\n font: var(--typography-regular-body);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 0;\n}\n.bcds-react-aria-Select--Button > svg {\n flex-shrink: 0;\n}\n\n/* Dropdown menu panel */\n.bcds-react-aria-Select--Popover {\n background-color: var(--surface-color-forms-default);\n border: 1px solid var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n box-shadow: var(--surface-shadow-medium);\n box-sizing: border-box;\n overflow-y: auto;\n padding: var(--layout-padding-hair) var(--layout-padding-xsmall);\n width: var(\n --trigger-width\n ); /* Variable provided by Select component https://react-spectrum.adobe.com/react-aria/Select.html#popover-1 */\n}\n.bcds-react-aria-Select--ListBox[data-focused] {\n outline: none;\n}\n.bcds-react-aria-Select--ListBox > .bcds-react-aria-Section:not(:first-child) {\n border-top: 1px solid var(--surface-color-border-default);\n margin-top: 1px;\n padding-top: 2px;\n}\n\n/* Header label within Section of multi-section Select */\n.bcds-react-aria-Select--Header {\n color: var(--typography-color-secondary);\n font: var(--typography-regular-small-body);\n padding: var(--layout-padding-hair) var(--layout-padding-small);\n}\n\n/* ListBox option item */\n.bcds-react-aria-Select--ListBoxItem {\n border-radius: var(--layout-border-radius-medium);\n cursor: pointer;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-margin-small);\n padding: var(--layout-padding-small);\n}\n.bcds-react-aria-Select--ListBoxItem[data-focused],\n.bcds-react-aria-Select--ListBoxItem[data-hovered] {\n background-color: var(--surface-color-secondary-button-hover);\n outline: none;\n}\n.bcds-react-aria-Select--ListBoxItem-icon {\n display: flex;\n align-items: center;\n justify-content: space-around;\n /* This `min-width` rule can cause horizontal overflow on very narrow Select\n instances, but if we leave it out, the icons will shrink instead. */\n min-width: 20px;\n}\n.bcds-react-aria-Select--ListBoxItem-Text-container {\n color: var(--typography-color-primary);\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n.bcds-react-aria-Select--ListBoxItem-Text-label {\n font: var(--typography-regular-body);\n}\n.bcds-react-aria-Select--ListBoxItem.destructive {\n color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Select--ListBoxItem.destructive\n .bcds-react-aria-Select--ListBoxItem-Text-label {\n color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Select--ListBoxItem-Text-description {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n}\n";
|
|
16288
|
+
styleInject(css_248z$8);
|
|
16126
16289
|
|
|
16127
16290
|
/** Select displays a collapsible list of options and allows a user to select one of them. */
|
|
16128
16291
|
function Select({ items, sections, label, description, placeholder, size = "medium", errorMessage, ...props }) {
|
|
@@ -16157,27 +16320,34 @@ function SvgTooltipArrowUp({ id = "tooltip-arrow" }) {
|
|
|
16157
16320
|
return (jsx("svg", { id: id, width: "19", height: "9", viewBox: "0 0 19 9", xmlns: "http://www.w3.org/2000/svg", children: jsx("g", { children: jsx("path", { d: "M8.4188 1.41421C9.19985 0.633163 10.4662 0.633165 11.2472 1.41421L18.833 9L0.833008 9L8.4188 1.41421Z", fill: "currentColor" }) }) }));
|
|
16158
16321
|
}
|
|
16159
16322
|
|
|
16160
|
-
var css_248z$
|
|
16161
|
-
styleInject(css_248z$
|
|
16323
|
+
var css_248z$7 = ".bcds-react-aria-Tag {\n color: var(--typography-color-primary);\n cursor: pointer;\n border: var(--layout-border-width-small) solid;\n display: flex;\n align-items: center;\n font: var(--typography-regular-label);\n width: fit-content;\n}\n.bcds-react-aria-Tag .react-aria-Button {\n background: none;\n border: none;\n color: var(--typography-color-primary);\n cursor: pointer;\n display: flex;\n margin: 0;\n padding: 0;\n}\n\n/* Tag colors */\n.bcds-react-aria-Tag.bc-blue {\n background-color: var(--theme-primary-blue);\n border-color: var(--theme-blue-90);\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-blue .react-aria-Button {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-gold {\n background-color: var(--theme-primary-gold);\n border-color: var(--theme-blue-90);\n}\n.bcds-react-aria-Tag.blue {\n background-color: var(--support-surface-color-info);\n border-color: var(--support-border-color-info);\n}\n.bcds-react-aria-Tag.dark {\n background: var(--theme-gray-110);\n border-color: var(--theme-blue-90);\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.dark .react-aria-Button {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.gray,\n.bcds-react-aria-Tag.grey {\n background-color: var(--theme-gray-20);\n border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Tag.green {\n background-color: var(--support-surface-color-success);\n border-color: var(--support-border-color-success);\n}\n.bcds-react-aria-Tag.red {\n background-color: var(--support-surface-color-danger);\n border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Tag.yellow {\n background-color: var(--support-surface-color-warning);\n border-color: var(--support-border-color-warning);\n}\n\n/* Tag style */\n.bcds-react-aria-Tag.rectangular {\n border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Tag.circular {\n border-radius: var(--layout-borderRadius-Circular, 9999px);\n}\n\n/* Tag size */\n.bcds-react-aria-Tag.medium {\n height: var(--layout-padding-xlarge);\n padding: var(--layout-padding-hair) var(--layout-padding-medium);\n gap: var(--layout-margin-medium);\n}\n.bcds-react-aria-Tag.small {\n height: var(--layout-padding-large);\n padding: var(--layout-padding-hair) var(--layout-padding-small);\n gap: var(--layout-margin-small);\n}\n\n/* Selected */\n.bcds-react-aria-Tag[data-selected] {\n border-radius: var(--layout-border-radius-small);\n border: var(--layout-border-width-medium) solid\n var(--surface-color-border-active);\n}\n\n/* Focused */\n.bcds-react-aria-Tag[data-focused] {\n outline: var(--layout-border-width-medium) solid\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n/* Disabled */\n.bcds-react-aria-Tag[data-disabled] {\n background-color: var(--surface-color-primary-button-disabled);\n border-color: var(--surface-color-border-default);\n color: var(--typography-color-disabled);\n cursor: not-allowed;\n}\n";
|
|
16324
|
+
styleInject(css_248z$7);
|
|
16162
16325
|
|
|
16163
16326
|
function Tag({ color = "blue", tagStyle = "rectangular", size = "small", icon, id, textValue, }) {
|
|
16164
16327
|
return (jsx($eaf9e70818b436db$export$3288d34c523a1192, { className: `bcds-react-aria-Tag ${color} ${tagStyle} ${size}`, id: id, textValue: textValue, children: ({ allowsRemoving, isDisabled }) => (jsxs(Fragment, { children: [icon, textValue, !isDisabled && allowsRemoving && (jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { "aria-label": `Remove ${textValue}`, slot: "remove", children: jsx("svg", { width: "14", height: "15", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("g", { id: "Icons / Close", children: jsx("path", { id: "Vector", d: "M12.6004 3.03239L11.4684 1.90039L7.00039 6.36839L2.53239 1.90039L1.40039 3.03239L5.86839 7.50039L1.40039 11.9684L2.53239 13.1004L7.00039 8.63239L11.4684 13.1004L12.6004 11.9684L8.13239 7.50039L12.6004 3.03239Z", fill: "currentColor" }) }) }) }))] })) }));
|
|
16165
16328
|
}
|
|
16166
16329
|
|
|
16167
|
-
var css_248z$
|
|
16168
|
-
styleInject(css_248z$
|
|
16330
|
+
var css_248z$6 = ".bcds-react-aria-TagGroup {\n color: var(--typography-color-primary);\n font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-TagGroup--Label,\n.bcds-react-aria-TagGroup--Text-description,\n.bcds-react-aria-TagGroup--Text-error {\n display: block;\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n.bcds-react-aria-TagGroup--Text-error {\n display: flex;\n color: var(--typography-color-danger);\n}\n\n.bcds-react-aria-TagGroup--Text-error > svg {\n padding-right: var(--layout-padding-xsmall);\n color: var(--icons-color-danger);\n min-width: var(--icons-size-medium);\n height: var(--icons-size-medium);\n}\n";
|
|
16331
|
+
styleInject(css_248z$6);
|
|
16169
16332
|
|
|
16170
16333
|
function TagGroup({ children, label, description, errorMessage, ...props }) {
|
|
16171
16334
|
return (jsxs($eaf9e70818b436db$export$67ea30858aaf75e3, { className: "bcds-react-aria-TagGroup", ...props, children: [label && (jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: "bcds-react-aria-TagGroup--Label", children: label })), children, description && (jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-TagGroup--Text-description", children: description })), errorMessage && (jsxs($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "errorMessage", className: "bcds-react-aria-TagGroup--Text-error", children: [jsx(SvgExclamationIcon, {}), errorMessage] }))] }));
|
|
16172
16335
|
}
|
|
16173
16336
|
|
|
16174
|
-
var css_248z$
|
|
16175
|
-
styleInject(css_248z$
|
|
16337
|
+
var css_248z$5 = ".bcds-react-aria-TagList {\n display: flex;\n flex-wrap: wrap;\n gap: var(--layout-padding-small);\n width: fit-content;\n}\n\n.bcds-react-aria-TagList.horizontal {\n flex-direction: row;\n}\n\n.bcds-react-aria-TagList.vertical {\n flex-direction: column;\n}\n";
|
|
16338
|
+
styleInject(css_248z$5);
|
|
16176
16339
|
|
|
16177
16340
|
function TagList({ items, orientation = "horizontal", renderEmptyState, ...props }) {
|
|
16178
16341
|
return (jsx($eaf9e70818b436db$export$f9fef0f55402315b, { className: `bcds-react-aria-TagList ${orientation}`, ...props, renderEmptyState: renderEmptyState, items: items, children: (item) => createElement(Tag, { ...item, key: item.id }) }));
|
|
16179
16342
|
}
|
|
16180
16343
|
|
|
16344
|
+
var css_248z$4 = "/* Medium size (default) */\n.bcds-react-aria-Text.medium {\n font: var(--typography-regular-body);\n}\n\n.bcds-react-aria-Text.medium b,\n.bcds-react-aria-Text.medium strong {\n font: var(--typography-bold-body);\n}\n\n.bcds-react-aria-Text.medium i,\n.bcds-react-aria-Text.medium em {\n font: var(--typography-italic-body);\n}\n\n/* Small size */\n.bcds-react-aria-Text.small {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-Text.small b,\n.bcds-react-aria-Text.small strong {\n font: var(--typography-bold-small-body);\n}\n\n.bcds-react-aria-Text.small i,\n.bcds-react-aria-Text.small em {\n font: var(--typography-italic-small-body);\n}\n\n/* Large size */\n.bcds-react-aria-Text.large {\n font: var(--typography-regular-large-body);\n}\n\n.bcds-react-aria-Text.large b,\n.bcds-react-aria-Text.large strong {\n font: var(--typography-bold-large-body);\n}\n\n.bcds-react-aria-Text.large i,\n.bcds-react-aria-Text.large em {\n font: var(--typography-italic-large-body);\n}\n\n/* Text color */\n.bcds-react-aria-Text.primary {\n color: var(--typography-color-primary);\n}\n.bcds-react-aria-Text.primaryInvert {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Text.secondary {\n color: var(--typography-color-secondary);\n}\n.bcds-react-aria-Text.secondaryInvert {\n color: var(--typography-color-secondary-invert);\n}\n.bcds-react-aria-Text.disabled {\n color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Text.danger {\n color: var(--typography-color-danger);\n}\n";
|
|
16345
|
+
styleInject(css_248z$4);
|
|
16346
|
+
|
|
16347
|
+
function Text({ elementType = "span", size = "medium", color = "primary", isUnstyled = false, ...props }) {
|
|
16348
|
+
return (jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { elementType: elementType, className: isUnstyled ? undefined : `bcds-react-aria-Text ${size} ${color}`, ...props, children: props.children }));
|
|
16349
|
+
}
|
|
16350
|
+
|
|
16181
16351
|
var css_248z$3 = ".bcds-react-aria-TextArea {\n display: inline-flex;\n flex-direction: column;\n /* Hacks for `stretch`: https://caniuse.com/mdn-css_properties_max-width_stretch */\n align-self: stretch;\n max-width: -moz-available;\n max-width: -webkit-fill-available;\n}\n\n/* Styles for the text label above the input field */\n.bcds-react-aria-TextArea--Label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-primary);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Styles for the description and character count slot below the input field */\n.bcds-react-aria-TextArea--Description {\n display: grid;\n gap: var(--layout-margin-medium);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n}\n\n/* Description label */\n.bcds-react-aria-TextArea--Description > .text {\n justify-self: flex-start;\n grid-row: 1;\n}\n\n/* Character counter */\n.bcds-react-aria-TextArea--Description > .counter {\n justify-self: flex-end;\n grid-row: 1;\n}\n\n/* Styles for the input field container */\n.bcds-react-aria-TextArea--Container {\n color: var(--typography-color-primary);\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-margin-small);\n background: var(--surface-color-forms-default);\n box-sizing: border-box;\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n padding: var(--layout-padding-small) 12px;\n}\n\n/* Text input field */\n.bcds-react-aria-TextArea--Input {\n font: var(--typography-regular-body);\n padding: var(--layout-padding-none);\n color: var(--typography-color-primary);\n border: none;\n flex-grow: 1;\n}\n\n.bcds-rect-aria-TextArea--Input::placeholder {\n color: var(--typography-color-placeholder);\n}\n\n/* Hover and focus states */\n.bcds-react-aria-TextArea--Container\n > .bcds-react-aria-TextArea--Input[data-focused] {\n outline: none;\n}\n\n.bcds-react-aria-TextArea--Container:focus-within {\n border-radius: var(--layout-border-radius-large);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-active);\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n.bcds-react-aria-TextArea--Container:hover {\n border-color: var(--surface-color-border-dark);\n}\n\n/* Disabled and invalid states */\n.bcds-react-aria-TextArea[data-disabled]\n > .bcds-react-aria-TextArea--Container {\n background: var(--surface-color-forms-disabled);\n cursor: not-allowed;\n}\n\n.bcds-react-aria-TextArea--Input[data-disabled] {\n cursor: not-allowed;\n}\n\n.bcds-react-aria-TextArea[data-invalid] > .bcds-react-aria-TextArea--Container {\n border-radius: var(--layout-border-radius-medium);\n border: var(--layout-border-width-small) solid\n var(--support-border-color-danger);\n background: var(--surface-color-forms-default);\n}\n\n.bcds-react-aria-TextArea[data-readonly]\n > .bcds-react-aria-TextArea--Container {\n background: var(--surface-color-forms-disabled);\n}\n\n.bcds-react-aria-TextArea[data-readonly]\n > .bcds-react-aria-TextArea--Container\n > .bcds-react-aria-TextArea--Input {\n background: var(--surface-color-forms-disabled);\n}\n\n/* Styles for the error message slot */\n.bcds-react-aria-TextArea--Error {\n display: flex;\n font: var(--typography-regular-small-body);\n color: var(--typography-color-danger);\n}\n\n.bcds-react-aria-TextArea--Error > svg {\n padding-right: var(--layout-padding-xsmall);\n color: var(--icons-color-danger);\n width: var(--icons-size-medium);\n height: var(--icons-size-medium);\n}\n";
|
|
16182
16352
|
styleInject(css_248z$3);
|
|
16183
16353
|
|
|
@@ -16213,5 +16383,5 @@ function Tooltip(props) {
|
|
|
16213
16383
|
return (jsxs($4e3b923658d69c60$export$28c660c63b792dea, { className: "bcds-react-aria-Tooltip", ...props, children: [jsx($44f671af83e7d9e0$export$746d02f47f4d381, { className: "bcds-react-aria-OverlayArrow", children: jsx(SvgTooltipArrowUp, {}) }), jsx(Fragment, { children: props.children })] }));
|
|
16214
16384
|
}
|
|
16215
16385
|
|
|
16216
|
-
export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Callout, Checkbox, CheckboxGroup, Dialog, $de32f1b87079253c$export$2e1e1122cf0cba88 as DialogTrigger, Footer, FooterLinks, Form, Header, InlineAlert, Modal, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip, $4e3b923658d69c60$export$8c610744efcf8a1d as TooltipTrigger };
|
|
16386
|
+
export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Callout, Checkbox, CheckboxGroup, Dialog, $de32f1b87079253c$export$2e1e1122cf0cba88 as DialogTrigger, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Modal, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, Tooltip, $4e3b923658d69c60$export$8c610744efcf8a1d as TooltipTrigger };
|
|
16217
16387
|
//# sourceMappingURL=index.js.map
|