@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/cjs/index.cjs
CHANGED
|
@@ -5,7 +5,7 @@ var $dbSRa$react = require('react');
|
|
|
5
5
|
var $iETbY$reactdom = require('react-dom');
|
|
6
6
|
|
|
7
7
|
function styleInject(css, ref) {
|
|
8
|
-
if ( ref ===
|
|
8
|
+
if ( ref === undefined ) ref = {};
|
|
9
9
|
var insertAt = ref.insertAt;
|
|
10
10
|
|
|
11
11
|
if (!css || typeof document === 'undefined') { return; }
|
|
@@ -31,8 +31,8 @@ function styleInject(css, ref) {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
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";
|
|
35
|
-
styleInject(css_248z$
|
|
34
|
+
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";
|
|
35
|
+
styleInject(css_248z$r);
|
|
36
36
|
|
|
37
37
|
/*
|
|
38
38
|
* Copyright 2024 Adobe. All rights reserved.
|
|
@@ -121,7 +121,7 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
|
|
|
121
121
|
return {
|
|
122
122
|
*[Symbol.iterator] () {
|
|
123
123
|
let parent = keyMap.get(key);
|
|
124
|
-
let node = (parent === null || parent ===
|
|
124
|
+
let node = (parent === null || parent === undefined ? undefined : parent.firstChildKey) != null ? keyMap.get(parent.firstChildKey) : null;
|
|
125
125
|
while(node){
|
|
126
126
|
yield node;
|
|
127
127
|
node = node.nextKey != null ? keyMap.get(node.nextKey) : undefined;
|
|
@@ -136,7 +136,7 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
|
|
|
136
136
|
node = this.keyMap.get(node.prevKey);
|
|
137
137
|
while(node && node.type !== 'item' && node.lastChildKey != null)node = this.keyMap.get(node.lastChildKey);
|
|
138
138
|
var _node_key;
|
|
139
|
-
return (_node_key = node === null || node ===
|
|
139
|
+
return (_node_key = node === null || node === undefined ? undefined : node.key) !== null && _node_key !== undefined ? _node_key : null;
|
|
140
140
|
}
|
|
141
141
|
return node.parentKey;
|
|
142
142
|
}
|
|
@@ -156,13 +156,13 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
|
|
|
156
156
|
}
|
|
157
157
|
getLastKey() {
|
|
158
158
|
let node = this.lastKey != null ? this.keyMap.get(this.lastKey) : null;
|
|
159
|
-
while((node === null || node ===
|
|
159
|
+
while((node === null || node === undefined ? undefined : node.lastChildKey) != null)node = this.keyMap.get(node.lastChildKey);
|
|
160
160
|
var _node_key;
|
|
161
|
-
return (_node_key = node === null || node ===
|
|
161
|
+
return (_node_key = node === null || node === undefined ? undefined : node.key) !== null && _node_key !== undefined ? _node_key : null;
|
|
162
162
|
}
|
|
163
163
|
getItem(key) {
|
|
164
164
|
var _this_keyMap_get;
|
|
165
|
-
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !==
|
|
165
|
+
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== undefined ? _this_keyMap_get : null;
|
|
166
166
|
}
|
|
167
167
|
at() {
|
|
168
168
|
throw new Error('Not implemented');
|
|
@@ -256,7 +256,7 @@ class $681cc3c98f569e39$export$410b0c854570d131 {
|
|
|
256
256
|
}
|
|
257
257
|
get isConnected() {
|
|
258
258
|
var _this_parentNode;
|
|
259
|
-
return ((_this_parentNode = this.parentNode) === null || _this_parentNode ===
|
|
259
|
+
return ((_this_parentNode = this.parentNode) === null || _this_parentNode === undefined ? undefined : _this_parentNode.isConnected) || false;
|
|
260
260
|
}
|
|
261
261
|
appendChild(child) {
|
|
262
262
|
this.ownerDocument.startTransaction();
|
|
@@ -350,14 +350,14 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
|
|
|
350
350
|
node.level = this.level;
|
|
351
351
|
node.parentKey = this.parentNode instanceof $681cc3c98f569e39$export$dc064fe9e59310fd ? this.parentNode.node.key : null;
|
|
352
352
|
var _this_previousSibling_node_key;
|
|
353
|
-
node.prevKey = (_this_previousSibling_node_key = (_this_previousSibling = this.previousSibling) === null || _this_previousSibling ===
|
|
353
|
+
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;
|
|
354
354
|
var _this_nextSibling_node_key;
|
|
355
|
-
node.nextKey = (_this_nextSibling_node_key = (_this_nextSibling = this.nextSibling) === null || _this_nextSibling ===
|
|
355
|
+
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;
|
|
356
356
|
node.hasChildNodes = !!this.firstChild;
|
|
357
357
|
var _this_firstChild_node_key;
|
|
358
|
-
node.firstChildKey = (_this_firstChild_node_key = (_this_firstChild = this.firstChild) === null || _this_firstChild ===
|
|
358
|
+
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;
|
|
359
359
|
var _this_lastChild_node_key;
|
|
360
|
-
node.lastChildKey = (_this_lastChild_node_key = (_this_lastChild = this.lastChild) === null || _this_lastChild ===
|
|
360
|
+
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;
|
|
361
361
|
}
|
|
362
362
|
setProps(obj, ref, rendered, render) {
|
|
363
363
|
let node = this.ownerDocument.getMutableNode(this);
|
|
@@ -461,7 +461,7 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
|
|
|
461
461
|
let collection = this.getMutableCollection();
|
|
462
462
|
for (let element of this.mutatedNodes)if (element.isConnected) collection.addNode(element.node);
|
|
463
463
|
var _this_firstChild_node_key, _this_lastChild_node_key;
|
|
464
|
-
collection.commit((_this_firstChild_node_key = (_this_firstChild = this.firstChild) === null || _this_firstChild ===
|
|
464
|
+
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);
|
|
465
465
|
this.mutatedNodes.clear();
|
|
466
466
|
}
|
|
467
467
|
this.collectionMutated = false;
|
|
@@ -518,7 +518,7 @@ function $e948873055cbafe4$export$727c8fc270210f13(props) {
|
|
|
518
518
|
rendered = children(item);
|
|
519
519
|
var _rendered_props_id, _ref;
|
|
520
520
|
// @ts-ignore
|
|
521
|
-
let key = (_ref = (_rendered_props_id = rendered.props.id) !== null && _rendered_props_id !==
|
|
521
|
+
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;
|
|
522
522
|
if (key == null) throw new Error('Could not determine key for item');
|
|
523
523
|
if (idScope) key = idScope + ':' + key;
|
|
524
524
|
// Note: only works if wrapped Item passes through id...
|
|
@@ -587,7 +587,7 @@ function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
|
|
|
587
587
|
// a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
|
|
588
588
|
// Since React runs the second render immediately after the first, this is safe.
|
|
589
589
|
// @ts-ignore
|
|
590
|
-
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 ===
|
|
590
|
+
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;
|
|
591
591
|
if (currentOwner) {
|
|
592
592
|
let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
|
|
593
593
|
if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
|
|
@@ -739,7 +739,7 @@ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
|
739
739
|
// @ts-ignore
|
|
740
740
|
return ($dbSRa$react.useCallback)((...args)=>{
|
|
741
741
|
const f = ref.current;
|
|
742
|
-
return f === null || f ===
|
|
742
|
+
return f === null || f === undefined ? undefined : f(...args);
|
|
743
743
|
}, []);
|
|
744
744
|
}
|
|
745
745
|
|
|
@@ -896,7 +896,7 @@ function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
|
|
|
896
896
|
|
|
897
897
|
const $431fbd86ca7dc216$export$b204af158042fbac = (el)=>{
|
|
898
898
|
var _el_ownerDocument;
|
|
899
|
-
return (_el_ownerDocument = el === null || el ===
|
|
899
|
+
return (_el_ownerDocument = el === null || el === undefined ? undefined : el.ownerDocument) !== null && _el_ownerDocument !== undefined ? _el_ownerDocument : document;
|
|
900
900
|
};
|
|
901
901
|
const $431fbd86ca7dc216$export$f21a1ffae260145a = (el)=>{
|
|
902
902
|
if (el && 'window' in el && el.window === el) return el;
|
|
@@ -994,7 +994,7 @@ const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
|
|
|
994
994
|
function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
|
|
995
995
|
let { labelable: labelable, isLink: isLink, propNames: propNames } = opts;
|
|
996
996
|
let filteredProps = {};
|
|
997
|
-
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 ===
|
|
997
|
+
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];
|
|
998
998
|
return filteredProps;
|
|
999
999
|
}
|
|
1000
1000
|
|
|
@@ -1075,11 +1075,11 @@ function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
|
|
|
1075
1075
|
*/ function $c87311424ea30a05$var$testUserAgent(re) {
|
|
1076
1076
|
var _window_navigator_userAgentData;
|
|
1077
1077
|
if (typeof window === 'undefined' || window.navigator == null) return false;
|
|
1078
|
-
return ((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData ===
|
|
1078
|
+
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);
|
|
1079
1079
|
}
|
|
1080
1080
|
function $c87311424ea30a05$var$testPlatform(re) {
|
|
1081
1081
|
var _window_navigator_userAgentData;
|
|
1082
|
-
return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData ===
|
|
1082
|
+
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;
|
|
1083
1083
|
}
|
|
1084
1084
|
function $c87311424ea30a05$var$cached(fn) {
|
|
1085
1085
|
let res = null;
|
|
@@ -1138,6 +1138,14 @@ const $ea8dcbcb9ea1b556$var$RouterContext = /*#__PURE__*/ ($dbSRa$react.createCo
|
|
|
1138
1138
|
function $ea8dcbcb9ea1b556$export$9a302a45f65d0572() {
|
|
1139
1139
|
return ($dbSRa$react.useContext)($ea8dcbcb9ea1b556$var$RouterContext);
|
|
1140
1140
|
}
|
|
1141
|
+
function $ea8dcbcb9ea1b556$export$efa8c9099e530235(link, modifiers) {
|
|
1142
|
+
// Use getAttribute here instead of link.target. Firefox will default link.target to "_parent" when inside an iframe.
|
|
1143
|
+
let target = link.getAttribute('target');
|
|
1144
|
+
return (!target || target === '_self') && link.origin === location.origin && !link.hasAttribute('download') && !modifiers.metaKey && // open in new tab (mac)
|
|
1145
|
+
!modifiers.ctrlKey && // open in new tab (windows)
|
|
1146
|
+
!modifiers.altKey && // download
|
|
1147
|
+
!modifiers.shiftKey;
|
|
1148
|
+
}
|
|
1141
1149
|
function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening = true) {
|
|
1142
1150
|
var _window_event_type, _window_event;
|
|
1143
1151
|
let { metaKey: metaKey, ctrlKey: ctrlKey, altKey: altKey, shiftKey: shiftKey } = modifiers;
|
|
@@ -1145,7 +1153,7 @@ function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening
|
|
|
1145
1153
|
// will prevent links with target="_blank" from opening. However, it does allow the event if the
|
|
1146
1154
|
// Command/Control key is held, which opens the link in a background tab. This seems like the best we can do.
|
|
1147
1155
|
// See https://bugzilla.mozilla.org/show_bug.cgi?id=257870 and https://bugzilla.mozilla.org/show_bug.cgi?id=746640.
|
|
1148
|
-
if (($c87311424ea30a05$export$b7d78993b74f766d)() && ((_window_event = window.event) === null || _window_event ===
|
|
1156
|
+
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') {
|
|
1149
1157
|
if (($c87311424ea30a05$export$9ac100e40613ea10)()) metaKey = true;
|
|
1150
1158
|
else ctrlKey = true;
|
|
1151
1159
|
}
|
|
@@ -1193,7 +1201,7 @@ function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
|
|
|
1193
1201
|
function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
|
|
1194
1202
|
let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
|
|
1195
1203
|
var _props_href;
|
|
1196
|
-
const href = router.useHref((_props_href = props.href) !== null && _props_href !==
|
|
1204
|
+
const href = router.useHref((_props_href = props.href) !== null && _props_href !== undefined ? _props_href : '');
|
|
1197
1205
|
return {
|
|
1198
1206
|
'data-href': props.href ? href : undefined,
|
|
1199
1207
|
'data-target': props.target,
|
|
@@ -1206,14 +1214,14 @@ function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
|
|
|
1206
1214
|
function $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props) {
|
|
1207
1215
|
let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
|
|
1208
1216
|
var _props_href;
|
|
1209
|
-
const href = router.useHref((_props_href = props === null || props ===
|
|
1217
|
+
const href = router.useHref((_props_href = props === null || props === undefined ? undefined : props.href) !== null && _props_href !== undefined ? _props_href : '');
|
|
1210
1218
|
return {
|
|
1211
|
-
href: (props === null || props ===
|
|
1212
|
-
target: props === null || props ===
|
|
1213
|
-
rel: props === null || props ===
|
|
1214
|
-
download: props === null || props ===
|
|
1215
|
-
ping: props === null || props ===
|
|
1216
|
-
referrerPolicy: props === null || props ===
|
|
1219
|
+
href: (props === null || props === undefined ? undefined : props.href) ? href : undefined,
|
|
1220
|
+
target: props === null || props === undefined ? undefined : props.target,
|
|
1221
|
+
rel: props === null || props === undefined ? undefined : props.rel,
|
|
1222
|
+
download: props === null || props === undefined ? undefined : props.download,
|
|
1223
|
+
ping: props === null || props === undefined ? undefined : props.ping,
|
|
1224
|
+
referrerPolicy: props === null || props === undefined ? undefined : props.referrerPolicy
|
|
1217
1225
|
};
|
|
1218
1226
|
}
|
|
1219
1227
|
|
|
@@ -1306,7 +1314,7 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
|
|
|
1306
1314
|
let globalListeners = ($dbSRa$react.useRef)(new Map());
|
|
1307
1315
|
let addGlobalListener = ($dbSRa$react.useCallback)((eventTarget, type, listener, options)=>{
|
|
1308
1316
|
// Make sure we remove the listener after it is called with the `once` option.
|
|
1309
|
-
let fn = (options === null || options ===
|
|
1317
|
+
let fn = (options === null || options === undefined ? undefined : options.once) ? (...args)=>{
|
|
1310
1318
|
globalListeners.current.delete(listener);
|
|
1311
1319
|
listener(...args);
|
|
1312
1320
|
} : listener;
|
|
@@ -1320,7 +1328,7 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
|
|
|
1320
1328
|
}, []);
|
|
1321
1329
|
let removeGlobalListener = ($dbSRa$react.useCallback)((eventTarget, type, listener, options)=>{
|
|
1322
1330
|
var _globalListeners_current_get;
|
|
1323
|
-
let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get ===
|
|
1331
|
+
let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === undefined ? undefined : _globalListeners_current_get.fn) || listener;
|
|
1324
1332
|
eventTarget.removeEventListener(type, fn, options);
|
|
1325
1333
|
globalListeners.current.delete(listener);
|
|
1326
1334
|
}, []);
|
|
@@ -1438,7 +1446,7 @@ function $9daab02d461809db$var$hasResizeObserver() {
|
|
|
1438
1446
|
function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
1439
1447
|
const { ref: ref, box: box, onResize: onResize } = options;
|
|
1440
1448
|
($dbSRa$react.useEffect)(()=>{
|
|
1441
|
-
let element = ref === null || ref ===
|
|
1449
|
+
let element = ref === null || ref === undefined ? undefined : ref.current;
|
|
1442
1450
|
if (!element) return;
|
|
1443
1451
|
if (!$9daab02d461809db$var$hasResizeObserver()) {
|
|
1444
1452
|
window.addEventListener('resize', onResize, false);
|
|
@@ -1581,8 +1589,8 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
|
|
|
1581
1589
|
}
|
|
1582
1590
|
function $5df64b3807dc15ee$var$getViewportSize() {
|
|
1583
1591
|
return {
|
|
1584
|
-
width: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport ===
|
|
1585
|
-
height: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport ===
|
|
1592
|
+
width: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === undefined ? undefined : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,
|
|
1593
|
+
height: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === undefined ? undefined : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight
|
|
1586
1594
|
};
|
|
1587
1595
|
}
|
|
1588
1596
|
|
|
@@ -1727,18 +1735,18 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
|
|
|
1727
1735
|
// 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
|
|
1728
1736
|
_targetElement_scrollIntoView;
|
|
1729
1737
|
let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
|
|
1730
|
-
targetElement === null || targetElement ===
|
|
1738
|
+
targetElement === null || targetElement === undefined ? undefined : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === undefined ? undefined : _targetElement_scrollIntoView.call(targetElement, {
|
|
1731
1739
|
block: 'nearest'
|
|
1732
1740
|
});
|
|
1733
1741
|
let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
|
|
1734
1742
|
// Account for sub pixel differences from rounding
|
|
1735
1743
|
if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
|
|
1736
1744
|
var _opts_containingElement_scrollIntoView, _opts_containingElement, _targetElement_scrollIntoView1;
|
|
1737
|
-
opts === null || opts ===
|
|
1745
|
+
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, {
|
|
1738
1746
|
block: 'center',
|
|
1739
1747
|
inline: 'center'
|
|
1740
1748
|
});
|
|
1741
|
-
(_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 ===
|
|
1749
|
+
(_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === undefined ? undefined : _targetElement_scrollIntoView1.call(targetElement, {
|
|
1742
1750
|
block: 'nearest'
|
|
1743
1751
|
});
|
|
1744
1752
|
}
|
|
@@ -1799,10 +1807,10 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
1799
1807
|
});
|
|
1800
1808
|
($dbSRa$react.useEffect)(()=>{
|
|
1801
1809
|
var _ref_current;
|
|
1802
|
-
let form = ref === null || ref ===
|
|
1803
|
-
form === null || form ===
|
|
1810
|
+
let form = ref === null || ref === undefined ? undefined : (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.form;
|
|
1811
|
+
form === null || form === undefined ? undefined : form.addEventListener('reset', handleReset);
|
|
1804
1812
|
return ()=>{
|
|
1805
|
-
form === null || form ===
|
|
1813
|
+
form === null || form === undefined ? undefined : form.removeEventListener('reset', handleReset);
|
|
1806
1814
|
};
|
|
1807
1815
|
}, [
|
|
1808
1816
|
ref,
|
|
@@ -1911,7 +1919,7 @@ function requireUseSyncExternalStoreShim_production_min () {
|
|
|
1911
1919
|
if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
|
|
1912
1920
|
hasRequiredUseSyncExternalStoreShim_production_min = 1;
|
|
1913
1921
|
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}
|
|
1914
|
-
function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return
|
|
1922
|
+
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;
|
|
1915
1923
|
return useSyncExternalStoreShim_production_min;
|
|
1916
1924
|
}
|
|
1917
1925
|
|
|
@@ -2236,7 +2244,7 @@ const $e1995378a142960e$var$useSyncExternalStore = typeof ($dbSRa$react)['useSyn
|
|
|
2236
2244
|
function $e1995378a142960e$var$useCollectionDocument(createCollection) {
|
|
2237
2245
|
// The document instance is mutable, and should never change between renders.
|
|
2238
2246
|
// useSyncExternalStore is used to subscribe to updates, which vends immutable Collection objects.
|
|
2239
|
-
let [document] = ($dbSRa$react.useState)(()=>new ($681cc3c98f569e39$export$b34a105447964f9f)((createCollection === null || createCollection ===
|
|
2247
|
+
let [document] = ($dbSRa$react.useState)(()=>new ($681cc3c98f569e39$export$b34a105447964f9f)((createCollection === null || createCollection === undefined ? undefined : createCollection()) || new ($23b9f4fcf0fe224b$export$408d25a4e12db025)()));
|
|
2240
2248
|
let subscribe = ($dbSRa$react.useCallback)((fn)=>document.subscribe(fn), [
|
|
2241
2249
|
document
|
|
2242
2250
|
]);
|
|
@@ -2280,7 +2288,7 @@ function $e1995378a142960e$var$useSSRCollectionNode(Type, props, ref, rendered,
|
|
|
2280
2288
|
// collection by the time we need to use the collection to render to the real DOM.
|
|
2281
2289
|
// After hydration, we switch to client rendering using the portal.
|
|
2282
2290
|
let itemRef = ($dbSRa$react.useCallback)((element)=>{
|
|
2283
|
-
element === null || element ===
|
|
2291
|
+
element === null || element === undefined ? undefined : element.setProps(props, ref, rendered, render);
|
|
2284
2292
|
}, [
|
|
2285
2293
|
props,
|
|
2286
2294
|
ref,
|
|
@@ -2330,7 +2338,7 @@ function $e1995378a142960e$export$e953bb1cd0f19726(type, render, useChildren = $
|
|
|
2330
2338
|
var _useSSRCollectionNode;
|
|
2331
2339
|
return (_useSSRCollectionNode = $e1995378a142960e$var$useSSRCollectionNode(type, props, ref, null, children, (node)=>/*#__PURE__*/ ($dbSRa$react).createElement(Component, {
|
|
2332
2340
|
node: node
|
|
2333
|
-
}))) !== null && _useSSRCollectionNode !==
|
|
2341
|
+
}))) !== null && _useSSRCollectionNode !== undefined ? _useSSRCollectionNode : /*#__PURE__*/ ($dbSRa$react).createElement(($dbSRa$react).Fragment, null);
|
|
2334
2342
|
});
|
|
2335
2343
|
// @ts-ignore
|
|
2336
2344
|
Result.displayName = render.name;
|
|
@@ -2345,8 +2353,8 @@ function $e1995378a142960e$var$useCollectionChildren(options) {
|
|
|
2345
2353
|
const $e1995378a142960e$var$CollectionContext = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
|
|
2346
2354
|
function $e1995378a142960e$export$fb8073518f34e6ec(props) {
|
|
2347
2355
|
let ctx = ($dbSRa$react.useContext)($e1995378a142960e$var$CollectionContext);
|
|
2348
|
-
let dependencies = ((ctx === null || ctx ===
|
|
2349
|
-
let idScope = props.idScope || (ctx === null || ctx ===
|
|
2356
|
+
let dependencies = ((ctx === null || ctx === undefined ? undefined : ctx.dependencies) || []).concat(props.dependencies);
|
|
2357
|
+
let idScope = props.idScope || (ctx === null || ctx === undefined ? undefined : ctx.idScope);
|
|
2350
2358
|
let children = $e1995378a142960e$var$useCollectionChildren({
|
|
2351
2359
|
...props,
|
|
2352
2360
|
idScope: idScope,
|
|
@@ -2419,7 +2427,7 @@ function $7135fc7d473fd974$var$useCollectionRender(collection, parent, renderDro
|
|
|
2419
2427
|
type: 'item',
|
|
2420
2428
|
key: key,
|
|
2421
2429
|
dropPosition: 'before'
|
|
2422
|
-
}), rendered, (keyAfter == null || ((_collection_getItem = collection.getItem(keyAfter)) === null || _collection_getItem ===
|
|
2430
|
+
}), rendered, (keyAfter == null || ((_collection_getItem = collection.getItem(keyAfter)) === null || _collection_getItem === undefined ? undefined : _collection_getItem.type) !== 'item') && renderDropIndicator({
|
|
2423
2431
|
type: 'item',
|
|
2424
2432
|
key: key,
|
|
2425
2433
|
dropPosition: 'after'
|
|
@@ -2480,12 +2488,12 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
|
|
|
2480
2488
|
else if (children == null) computedChildren = defaultChildren;
|
|
2481
2489
|
else computedChildren = children;
|
|
2482
2490
|
return {
|
|
2483
|
-
className: computedClassName !== null && computedClassName !==
|
|
2491
|
+
className: computedClassName !== null && computedClassName !== undefined ? computedClassName : defaultClassName,
|
|
2484
2492
|
style: computedStyle || defaultStyle ? {
|
|
2485
2493
|
...defaultStyle,
|
|
2486
2494
|
...computedStyle
|
|
2487
2495
|
} : undefined,
|
|
2488
|
-
children: computedChildren !== null && computedChildren !==
|
|
2496
|
+
children: computedChildren !== null && computedChildren !== undefined ? computedChildren : defaultChildren,
|
|
2489
2497
|
'data-rac': ''
|
|
2490
2498
|
};
|
|
2491
2499
|
}, [
|
|
@@ -2804,12 +2812,12 @@ class $f6c31cce2adf654f$var$PressEvent {
|
|
|
2804
2812
|
constructor(type, pointerType, originalEvent, state){
|
|
2805
2813
|
(_class_private_field_init)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, {
|
|
2806
2814
|
writable: true,
|
|
2807
|
-
value:
|
|
2815
|
+
value: undefined
|
|
2808
2816
|
});
|
|
2809
2817
|
(_class_private_field_set)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, true);
|
|
2810
2818
|
var _state_target;
|
|
2811
|
-
let currentTarget = (_state_target = state === null || state ===
|
|
2812
|
-
const rect = currentTarget === null || currentTarget ===
|
|
2819
|
+
let currentTarget = (_state_target = state === null || state === undefined ? undefined : state.target) !== null && _state_target !== undefined ? _state_target : originalEvent.currentTarget;
|
|
2820
|
+
const rect = currentTarget === null || currentTarget === undefined ? undefined : currentTarget.getBoundingClientRect();
|
|
2813
2821
|
let x, y = 0;
|
|
2814
2822
|
let clientX, clientY = null;
|
|
2815
2823
|
if (originalEvent.clientX != null && originalEvent.clientY != null) {
|
|
@@ -2950,7 +2958,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
2950
2958
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=1393524
|
|
2951
2959
|
// https://bugs.webkit.org/show_bug.cgi?id=55291
|
|
2952
2960
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=1299553
|
|
2953
|
-
if (e.metaKey && ($c87311424ea30a05$export$9ac100e40613ea10)()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents ===
|
|
2961
|
+
if (e.metaKey && ($c87311424ea30a05$export$9ac100e40613ea10)()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === undefined ? undefined : _state_metaKeyEvents.set(e.key, e.nativeEvent);
|
|
2954
2962
|
} else if (e.key === 'Meta') state.metaKeyEvents = new Map();
|
|
2955
2963
|
},
|
|
2956
2964
|
onClick (e) {
|
|
@@ -2992,15 +3000,15 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
2992
3000
|
($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
|
|
2993
3001
|
}
|
|
2994
3002
|
state.isPressed = false;
|
|
2995
|
-
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 ===
|
|
2996
|
-
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents ===
|
|
3003
|
+
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === undefined ? undefined : _state_metaKeyEvents1.delete(e.key);
|
|
3004
|
+
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === undefined ? undefined : _state_metaKeyEvents.size)) {
|
|
2997
3005
|
var _state_target;
|
|
2998
3006
|
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
2999
3007
|
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
3000
3008
|
// See comment above for more info about the macOS bug causing this.
|
|
3001
3009
|
let events = state.metaKeyEvents;
|
|
3002
3010
|
state.metaKeyEvents = undefined;
|
|
3003
|
-
for (let event of events.values())(_state_target = state.target) === null || _state_target ===
|
|
3011
|
+
for (let event of events.values())(_state_target = state.target) === null || _state_target === undefined ? undefined : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
|
|
3004
3012
|
}
|
|
3005
3013
|
};
|
|
3006
3014
|
if (typeof PointerEvent !== 'undefined') {
|
|
@@ -3254,7 +3262,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
3254
3262
|
return ()=>{
|
|
3255
3263
|
var _ref_current_target;
|
|
3256
3264
|
if (!allowTextSelectionOnPress) // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
3257
|
-
($14c0b72509d70225$export$b0d6fa1ab32e3295)((_ref_current_target = ref.current.target) !== null && _ref_current_target !==
|
|
3265
|
+
($14c0b72509d70225$export$b0d6fa1ab32e3295)((_ref_current_target = ref.current.target) !== null && _ref_current_target !== undefined ? _ref_current_target : undefined);
|
|
3258
3266
|
};
|
|
3259
3267
|
}, [
|
|
3260
3268
|
allowTextSelectionOnPress
|
|
@@ -3391,7 +3399,7 @@ function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
|
|
|
3391
3399
|
const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ ($dbSRa$react).forwardRef(({ children: children, ...props }, ref)=>{
|
|
3392
3400
|
let isRegistered = ($dbSRa$react.useRef)(false);
|
|
3393
3401
|
let prevContext = ($dbSRa$react.useContext)(($ae1eeba8b9eafd08$export$5165eccb35aaadb5));
|
|
3394
|
-
ref = ($df56164dff5785e2$export$4338b53315abf666)(ref || (prevContext === null || prevContext ===
|
|
3402
|
+
ref = ($df56164dff5785e2$export$4338b53315abf666)(ref || (prevContext === null || prevContext === undefined ? undefined : prevContext.ref));
|
|
3395
3403
|
let context = ($3ef42575df84b30b$export$9d1611c77c2fe928)(prevContext || {}, {
|
|
3396
3404
|
...props,
|
|
3397
3405
|
ref: ref,
|
|
@@ -3478,7 +3486,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
3478
3486
|
};
|
|
3479
3487
|
}, []);
|
|
3480
3488
|
let dispatchBlur = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
|
|
3481
|
-
onBlur === null || onBlur ===
|
|
3489
|
+
onBlur === null || onBlur === undefined ? undefined : onBlur(e);
|
|
3482
3490
|
});
|
|
3483
3491
|
// This function is called during a React onFocus event.
|
|
3484
3492
|
return ($dbSRa$react.useCallback)((e)=>{
|
|
@@ -3505,7 +3513,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
3505
3513
|
stateRef.current.observer = new MutationObserver(()=>{
|
|
3506
3514
|
if (stateRef.current.isFocused && target.disabled) {
|
|
3507
3515
|
var _stateRef_current_observer;
|
|
3508
|
-
(_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer ===
|
|
3516
|
+
(_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer === undefined ? undefined : _stateRef_current_observer.disconnect();
|
|
3509
3517
|
let relatedTargetEl = target === document.activeElement ? null : document.activeElement;
|
|
3510
3518
|
target.dispatchEvent(new FocusEvent('blur', {
|
|
3511
3519
|
relatedTarget: relatedTargetEl
|
|
@@ -3774,18 +3782,18 @@ const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([
|
|
|
3774
3782
|
* focus visible style can be properly set.
|
|
3775
3783
|
*/ function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
|
|
3776
3784
|
var _e_target;
|
|
3777
|
-
const IHTMLInputElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e ===
|
|
3778
|
-
const IHTMLTextAreaElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e ===
|
|
3779
|
-
const IHTMLElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e ===
|
|
3780
|
-
const IKeyboardEvent = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e ===
|
|
3781
|
-
isTextInput = isTextInput || (e === null || e ===
|
|
3785
|
+
const IHTMLInputElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).HTMLInputElement : HTMLInputElement;
|
|
3786
|
+
const IHTMLTextAreaElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
|
|
3787
|
+
const IHTMLElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).HTMLElement : HTMLElement;
|
|
3788
|
+
const IKeyboardEvent = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === undefined ? undefined : e.target).KeyboardEvent : KeyboardEvent;
|
|
3789
|
+
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);
|
|
3782
3790
|
return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
|
|
3783
3791
|
}
|
|
3784
3792
|
function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
3785
3793
|
$507fabe10e71c6fb$var$setupGlobalFocusEvents();
|
|
3786
3794
|
($dbSRa$react.useEffect)(()=>{
|
|
3787
3795
|
let handler = (modality, e)=>{
|
|
3788
|
-
if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts ===
|
|
3796
|
+
if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === undefined ? undefined : opts.isTextInput), modality, e)) return;
|
|
3789
3797
|
fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
|
|
3790
3798
|
};
|
|
3791
3799
|
$507fabe10e71c6fb$var$changeHandlers.add(handler);
|
|
@@ -4323,7 +4331,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
|
|
|
4323
4331
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
4324
4332
|
var _startRef_current;
|
|
4325
4333
|
// Find all rendered nodes between the sentinels and add them to the scope.
|
|
4326
|
-
let node = (_startRef_current = startRef.current) === null || _startRef_current ===
|
|
4334
|
+
let node = (_startRef_current = startRef.current) === null || _startRef_current === undefined ? undefined : _startRef_current.nextSibling;
|
|
4327
4335
|
let nodes = [];
|
|
4328
4336
|
let stopPropagation = (e)=>e.stopPropagation();
|
|
4329
4337
|
while(node && node !== endRef.current){
|
|
@@ -4364,7 +4372,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
|
|
|
4364
4372
|
var _focusScopeTree_getTreeNode_parent, _focusScopeTree_getTreeNode;
|
|
4365
4373
|
var _focusScopeTree_getTreeNode_parent_scopeRef;
|
|
4366
4374
|
// Scope may have been re-parented.
|
|
4367
|
-
let parentScope = (_focusScopeTree_getTreeNode_parent_scopeRef = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef)) === null || _focusScopeTree_getTreeNode ===
|
|
4375
|
+
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;
|
|
4368
4376
|
if ((scopeRef === $9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope(scopeRef, $9bf71ea28793e738$var$activeScope)) && (!parentScope || $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(parentScope))) $9bf71ea28793e738$var$activeScope = parentScope;
|
|
4369
4377
|
$9bf71ea28793e738$export$d06fae2ee68b101e.removeTreeNode(scopeRef);
|
|
4370
4378
|
};
|
|
@@ -4545,20 +4553,20 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
|
|
|
4545
4553
|
if (ownerDocument.body.contains(e.target)) {
|
|
4546
4554
|
var _focusedNode_current;
|
|
4547
4555
|
focusedNode.current = e.target;
|
|
4548
|
-
(_focusedNode_current = focusedNode.current) === null || _focusedNode_current ===
|
|
4556
|
+
(_focusedNode_current = focusedNode.current) === null || _focusedNode_current === undefined ? undefined : _focusedNode_current.focus();
|
|
4549
4557
|
} else if ($9bf71ea28793e738$var$activeScope.current) $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);
|
|
4550
4558
|
}
|
|
4551
4559
|
});
|
|
4552
4560
|
};
|
|
4553
4561
|
ownerDocument.addEventListener('keydown', onKeyDown, false);
|
|
4554
4562
|
ownerDocument.addEventListener('focusin', onFocus, false);
|
|
4555
|
-
scope === null || scope ===
|
|
4556
|
-
scope === null || scope ===
|
|
4563
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
|
|
4564
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusout', onBlur, false));
|
|
4557
4565
|
return ()=>{
|
|
4558
4566
|
ownerDocument.removeEventListener('keydown', onKeyDown, false);
|
|
4559
4567
|
ownerDocument.removeEventListener('focusin', onFocus, false);
|
|
4560
|
-
scope === null || scope ===
|
|
4561
|
-
scope === null || scope ===
|
|
4568
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
|
|
4569
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusout', onBlur, false));
|
|
4562
4570
|
};
|
|
4563
4571
|
}, [
|
|
4564
4572
|
scopeRef,
|
|
@@ -4596,7 +4604,7 @@ function $9bf71ea28793e738$export$1258395f99bf9cbf(element) {
|
|
|
4596
4604
|
}
|
|
4597
4605
|
function $9bf71ea28793e738$var$isAncestorScope(ancestor, scope) {
|
|
4598
4606
|
var _focusScopeTree_getTreeNode;
|
|
4599
|
-
let parent = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope)) === null || _focusScopeTree_getTreeNode ===
|
|
4607
|
+
let parent = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope)) === null || _focusScopeTree_getTreeNode === undefined ? undefined : _focusScopeTree_getTreeNode.parent;
|
|
4600
4608
|
while(parent){
|
|
4601
4609
|
if (parent.scopeRef === ancestor) return true;
|
|
4602
4610
|
parent = parent.parent;
|
|
@@ -4663,10 +4671,10 @@ function $9bf71ea28793e738$var$useActiveScopeTracker(scopeRef, restore, contain)
|
|
|
4663
4671
|
else if (!$9bf71ea28793e738$var$isElementInAnyScope(target)) $9bf71ea28793e738$var$activeScope = null;
|
|
4664
4672
|
};
|
|
4665
4673
|
ownerDocument.addEventListener('focusin', onFocus, false);
|
|
4666
|
-
scope === null || scope ===
|
|
4674
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
|
|
4667
4675
|
return ()=>{
|
|
4668
4676
|
ownerDocument.removeEventListener('focusin', onFocus, false);
|
|
4669
|
-
scope === null || scope ===
|
|
4677
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
|
|
4670
4678
|
};
|
|
4671
4679
|
}, [
|
|
4672
4680
|
scopeRef,
|
|
@@ -4680,7 +4688,7 @@ function $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef) {
|
|
|
4680
4688
|
if (scope.nodeToRestore) return false;
|
|
4681
4689
|
scope = scope.parent;
|
|
4682
4690
|
}
|
|
4683
|
-
return (scope === null || scope ===
|
|
4691
|
+
return (scope === null || scope === undefined ? undefined : scope.scopeRef) === scopeRef;
|
|
4684
4692
|
}
|
|
4685
4693
|
function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain) {
|
|
4686
4694
|
// create a ref during render instead of useLayoutEffect so the active element is saved before a child with autoFocus=true mounts.
|
|
@@ -4698,10 +4706,10 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
4698
4706
|
if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope(ownerDocument.activeElement, scopeRef.current)) $9bf71ea28793e738$var$activeScope = scopeRef;
|
|
4699
4707
|
};
|
|
4700
4708
|
ownerDocument.addEventListener('focusin', onFocus, false);
|
|
4701
|
-
scope === null || scope ===
|
|
4709
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.addEventListener('focusin', onFocus, false));
|
|
4702
4710
|
return ()=>{
|
|
4703
4711
|
ownerDocument.removeEventListener('focusin', onFocus, false);
|
|
4704
|
-
scope === null || scope ===
|
|
4712
|
+
scope === null || scope === undefined ? undefined : scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false));
|
|
4705
4713
|
};
|
|
4706
4714
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4707
4715
|
}, [
|
|
@@ -4766,7 +4774,7 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
4766
4774
|
let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
|
|
4767
4775
|
if (!treeNode) return;
|
|
4768
4776
|
var _nodeToRestoreRef_current;
|
|
4769
|
-
treeNode.nodeToRestore = (_nodeToRestoreRef_current = nodeToRestoreRef.current) !== null && _nodeToRestoreRef_current !==
|
|
4777
|
+
treeNode.nodeToRestore = (_nodeToRestoreRef_current = nodeToRestoreRef.current) !== null && _nodeToRestoreRef_current !== undefined ? _nodeToRestoreRef_current : undefined;
|
|
4770
4778
|
return ()=>{
|
|
4771
4779
|
let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
|
|
4772
4780
|
if (!treeNode) return;
|
|
@@ -4817,17 +4825,17 @@ function $9bf71ea28793e738$var$restoreFocusToElement(node) {
|
|
|
4817
4825
|
}))) $9bf71ea28793e738$var$focusElement(node);
|
|
4818
4826
|
}
|
|
4819
4827
|
function $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {
|
|
4820
|
-
let selector = (opts === null || opts ===
|
|
4828
|
+
let selector = (opts === null || opts === undefined ? undefined : opts.tabbable) ? $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR : $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR;
|
|
4821
4829
|
let walker = ($431fbd86ca7dc216$export$b204af158042fbac)(root).createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
|
|
4822
4830
|
acceptNode (node) {
|
|
4823
4831
|
var _opts_from;
|
|
4824
4832
|
// Skip nodes inside the starting node.
|
|
4825
|
-
if (opts === null || opts ===
|
|
4826
|
-
if (node.matches(selector) && ($645f2e67b85a24c9$export$e989c0fffaa6b27a)(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope)) && (!(opts === null || opts ===
|
|
4833
|
+
if (opts === null || opts === undefined ? undefined : (_opts_from = opts.from) === null || _opts_from === undefined ? undefined : _opts_from.contains(node)) return NodeFilter.FILTER_REJECT;
|
|
4834
|
+
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;
|
|
4827
4835
|
return NodeFilter.FILTER_SKIP;
|
|
4828
4836
|
}
|
|
4829
4837
|
});
|
|
4830
|
-
if (opts === null || opts ===
|
|
4838
|
+
if (opts === null || opts === undefined ? undefined : opts.from) walker.currentNode = opts.from;
|
|
4831
4839
|
return walker;
|
|
4832
4840
|
}
|
|
4833
4841
|
class $9bf71ea28793e738$var$Tree {
|
|
@@ -4838,7 +4846,7 @@ class $9bf71ea28793e738$var$Tree {
|
|
|
4838
4846
|
return this.fastMap.get(data);
|
|
4839
4847
|
}
|
|
4840
4848
|
addTreeNode(scopeRef, parent, nodeToRestore) {
|
|
4841
|
-
let parentNode = this.fastMap.get(parent !== null && parent !==
|
|
4849
|
+
let parentNode = this.fastMap.get(parent !== null && parent !== undefined ? parent : null);
|
|
4842
4850
|
if (!parentNode) return;
|
|
4843
4851
|
let node = new $9bf71ea28793e738$var$TreeNode({
|
|
4844
4852
|
scopeRef: scopeRef
|
|
@@ -4876,7 +4884,7 @@ class $9bf71ea28793e738$var$Tree {
|
|
|
4876
4884
|
var _node_parent;
|
|
4877
4885
|
let newTree = new $9bf71ea28793e738$var$Tree();
|
|
4878
4886
|
var _node_parent_scopeRef;
|
|
4879
|
-
for (let node of this.traverse())newTree.addTreeNode(node.scopeRef, (_node_parent_scopeRef = (_node_parent = node.parent) === null || _node_parent ===
|
|
4887
|
+
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);
|
|
4880
4888
|
return newTree;
|
|
4881
4889
|
}
|
|
4882
4890
|
constructor(){
|
|
@@ -5012,10 +5020,10 @@ function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
|
|
|
5012
5020
|
|
|
5013
5021
|
|
|
5014
5022
|
function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
|
|
5015
|
-
let isDisabled = options === null || options ===
|
|
5023
|
+
let isDisabled = options === null || options === undefined ? undefined : options.isDisabled;
|
|
5016
5024
|
let [hasTabbableChild, setHasTabbableChild] = ($dbSRa$react.useState)(false);
|
|
5017
5025
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5018
|
-
if ((ref === null || ref ===
|
|
5026
|
+
if ((ref === null || ref === undefined ? undefined : ref.current) && !isDisabled) {
|
|
5019
5027
|
let update = ()=>{
|
|
5020
5028
|
if (ref.current) {
|
|
5021
5029
|
let walker = ($9bf71ea28793e738$export$2d6ec8fc375ceafa)(ref.current, {
|
|
@@ -5048,6 +5056,66 @@ function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
|
|
|
5048
5056
|
return isDisabled ? false : hasTabbableChild;
|
|
5049
5057
|
}
|
|
5050
5058
|
|
|
5059
|
+
/*
|
|
5060
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
5061
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
5062
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
5063
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
5064
|
+
*
|
|
5065
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
5066
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
5067
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
5068
|
+
* governing permissions and limitations under the License.
|
|
5069
|
+
*/
|
|
5070
|
+
|
|
5071
|
+
|
|
5072
|
+
function $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {
|
|
5073
|
+
let { elementType: elementType = 'a', onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, // @ts-ignore
|
|
5074
|
+
onClick: deprecatedOnClick, isDisabled: isDisabled, ...otherProps } = props;
|
|
5075
|
+
let linkProps = {};
|
|
5076
|
+
if (elementType !== 'a') linkProps = {
|
|
5077
|
+
role: 'link',
|
|
5078
|
+
tabIndex: !isDisabled ? 0 : undefined
|
|
5079
|
+
};
|
|
5080
|
+
let { focusableProps: focusableProps } = ($e6afbd83fe6ebbd2$export$4c014de7c8940b4c)(props, ref);
|
|
5081
|
+
let { pressProps: pressProps, isPressed: isPressed } = ($f6c31cce2adf654f$export$45712eceda6fad21)({
|
|
5082
|
+
onPress: onPress,
|
|
5083
|
+
onPressStart: onPressStart,
|
|
5084
|
+
onPressEnd: onPressEnd,
|
|
5085
|
+
isDisabled: isDisabled,
|
|
5086
|
+
ref: ref
|
|
5087
|
+
});
|
|
5088
|
+
let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(otherProps, {
|
|
5089
|
+
labelable: true
|
|
5090
|
+
});
|
|
5091
|
+
let interactionHandlers = ($3ef42575df84b30b$export$9d1611c77c2fe928)(focusableProps, pressProps);
|
|
5092
|
+
let router = ($ea8dcbcb9ea1b556$export$9a302a45f65d0572)();
|
|
5093
|
+
let routerLinkProps = ($ea8dcbcb9ea1b556$export$7e924b3091a3bd18)(props);
|
|
5094
|
+
return {
|
|
5095
|
+
isPressed: isPressed,
|
|
5096
|
+
linkProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, routerLinkProps, {
|
|
5097
|
+
...interactionHandlers,
|
|
5098
|
+
...linkProps,
|
|
5099
|
+
'aria-disabled': isDisabled || undefined,
|
|
5100
|
+
'aria-current': props['aria-current'],
|
|
5101
|
+
onClick: (e)=>{
|
|
5102
|
+
var _pressProps_onClick;
|
|
5103
|
+
(_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === undefined ? undefined : _pressProps_onClick.call(pressProps, e);
|
|
5104
|
+
if (deprecatedOnClick) {
|
|
5105
|
+
deprecatedOnClick(e);
|
|
5106
|
+
console.warn('onClick is deprecated, please use onPress');
|
|
5107
|
+
}
|
|
5108
|
+
// If a custom router is provided, prevent default and forward if this link should client navigate.
|
|
5109
|
+
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.
|
|
5110
|
+
!e.isDefaultPrevented() && ($ea8dcbcb9ea1b556$export$efa8c9099e530235)(e.currentTarget, e) && props.href) {
|
|
5111
|
+
e.preventDefault();
|
|
5112
|
+
router.open(e.currentTarget, e, props.href, props.routerOptions);
|
|
5113
|
+
}
|
|
5114
|
+
}
|
|
5115
|
+
})
|
|
5116
|
+
};
|
|
5117
|
+
}
|
|
5118
|
+
|
|
5051
5119
|
/*
|
|
5052
5120
|
* Copyright 2020 Adobe. All rights reserved.
|
|
5053
5121
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -5224,7 +5292,7 @@ class $5b160d28a433310d$export$c17fa47878dc55b6 {
|
|
|
5224
5292
|
[locale]: globalStrings[pkg]
|
|
5225
5293
|
}, locale);
|
|
5226
5294
|
}
|
|
5227
|
-
let dictionary = $5b160d28a433310d$var$cachedGlobalStrings === null || $5b160d28a433310d$var$cachedGlobalStrings ===
|
|
5295
|
+
let dictionary = $5b160d28a433310d$var$cachedGlobalStrings === null || $5b160d28a433310d$var$cachedGlobalStrings === undefined ? undefined : $5b160d28a433310d$var$cachedGlobalStrings[packageName];
|
|
5228
5296
|
if (!dictionary) throw new Error(`Strings for package "${packageName}" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`);
|
|
5229
5297
|
return dictionary;
|
|
5230
5298
|
}
|
|
@@ -5450,7 +5518,7 @@ function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'ass
|
|
|
5450
5518
|
// if we're in a test environment, announce without waiting
|
|
5451
5519
|
// @ts-ignore
|
|
5452
5520
|
if (!(typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined')) setTimeout(()=>{
|
|
5453
|
-
if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer ===
|
|
5521
|
+
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);
|
|
5454
5522
|
}, 100);
|
|
5455
5523
|
else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
|
|
5456
5524
|
} else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
|
|
@@ -5464,7 +5532,7 @@ function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'ass
|
|
|
5464
5532
|
class $319e236875307eab$var$LiveAnnouncer {
|
|
5465
5533
|
isAttached() {
|
|
5466
5534
|
var _this_node;
|
|
5467
|
-
return (_this_node = this.node) === null || _this_node ===
|
|
5535
|
+
return (_this_node = this.node) === null || _this_node === undefined ? undefined : _this_node.isConnected;
|
|
5468
5536
|
}
|
|
5469
5537
|
createLog(ariaLive) {
|
|
5470
5538
|
let node = document.createElement('div');
|
|
@@ -5487,8 +5555,8 @@ class $319e236875307eab$var$LiveAnnouncer {
|
|
|
5487
5555
|
node.setAttribute('role', 'img');
|
|
5488
5556
|
node.setAttribute('aria-labelledby', message['aria-labelledby']);
|
|
5489
5557
|
} else node.textContent = message;
|
|
5490
|
-
if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog ===
|
|
5491
|
-
else (_this_politeLog = this.politeLog) === null || _this_politeLog ===
|
|
5558
|
+
if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === undefined ? undefined : _this_assertiveLog.appendChild(node);
|
|
5559
|
+
else (_this_politeLog = this.politeLog) === null || _this_politeLog === undefined ? undefined : _this_politeLog.appendChild(node);
|
|
5492
5560
|
if (message !== '') setTimeout(()=>{
|
|
5493
5561
|
node.remove();
|
|
5494
5562
|
}, timeout);
|
|
@@ -5597,7 +5665,7 @@ function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
|
|
|
5597
5665
|
validate,
|
|
5598
5666
|
value
|
|
5599
5667
|
]);
|
|
5600
|
-
if (builtinValidation === null || builtinValidation ===
|
|
5668
|
+
if (builtinValidation === null || builtinValidation === undefined ? undefined : builtinValidation.validationDetails.valid) builtinValidation = undefined;
|
|
5601
5669
|
// Get relevant server errors from the form.
|
|
5602
5670
|
let serverErrors = ($dbSRa$react.useContext)($e5be200c675c3b3a$export$571b5131b7e65c11);
|
|
5603
5671
|
let serverErrorMessages = ($dbSRa$react.useMemo)(()=>{
|
|
@@ -5731,7 +5799,7 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
|
|
|
5731
5799
|
let { validationBehavior: validationBehavior, focus: focus } = props;
|
|
5732
5800
|
// This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
|
|
5733
5801
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5734
|
-
if (validationBehavior === 'native' && (ref === null || ref ===
|
|
5802
|
+
if (validationBehavior === 'native' && (ref === null || ref === undefined ? undefined : ref.current)) {
|
|
5735
5803
|
let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
|
|
5736
5804
|
ref.current.setCustomValidity(errorMessage);
|
|
5737
5805
|
// Prevent default tooltip for validation message.
|
|
@@ -5749,11 +5817,11 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
|
|
|
5749
5817
|
// This avoids clearing server errors that the user didn't actually fix.
|
|
5750
5818
|
if (!state.displayValidation.isInvalid) state.commitValidation();
|
|
5751
5819
|
// Auto focus the first invalid input in a form, unless the error already had its default prevented.
|
|
5752
|
-
let form = ref === null || ref ===
|
|
5820
|
+
let form = ref === null || ref === undefined ? undefined : (_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.form;
|
|
5753
5821
|
if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
|
|
5754
5822
|
var _ref_current1;
|
|
5755
5823
|
if (focus) focus();
|
|
5756
|
-
else (_ref_current1 = ref.current) === null || _ref_current1 ===
|
|
5824
|
+
else (_ref_current1 = ref.current) === null || _ref_current1 === undefined ? undefined : _ref_current1.focus();
|
|
5757
5825
|
// Always show focus ring.
|
|
5758
5826
|
($507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
|
|
5759
5827
|
}
|
|
@@ -5764,16 +5832,16 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
|
|
|
5764
5832
|
state.commitValidation();
|
|
5765
5833
|
});
|
|
5766
5834
|
($dbSRa$react.useEffect)(()=>{
|
|
5767
|
-
let input = ref === null || ref ===
|
|
5835
|
+
let input = ref === null || ref === undefined ? undefined : ref.current;
|
|
5768
5836
|
if (!input) return;
|
|
5769
5837
|
let form = input.form;
|
|
5770
5838
|
input.addEventListener('invalid', onInvalid);
|
|
5771
5839
|
input.addEventListener('change', onChange);
|
|
5772
|
-
form === null || form ===
|
|
5840
|
+
form === null || form === undefined ? undefined : form.addEventListener('reset', onReset);
|
|
5773
5841
|
return ()=>{
|
|
5774
5842
|
input.removeEventListener('invalid', onInvalid);
|
|
5775
5843
|
input.removeEventListener('change', onChange);
|
|
5776
|
-
form === null || form ===
|
|
5844
|
+
form === null || form === undefined ? undefined : form.removeEventListener('reset', onReset);
|
|
5777
5845
|
};
|
|
5778
5846
|
}, [
|
|
5779
5847
|
ref,
|
|
@@ -6151,7 +6219,7 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
|
|
|
6151
6219
|
});
|
|
6152
6220
|
let { name: name, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = ($1ae600c947479353$export$ec98120685d4f57d).get(state);
|
|
6153
6221
|
var _props_validationBehavior;
|
|
6154
|
-
validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
6222
|
+
validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : validationBehavior;
|
|
6155
6223
|
// Local validation for this checkbox.
|
|
6156
6224
|
let { realtimeValidation: realtimeValidation } = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
|
|
6157
6225
|
...props,
|
|
@@ -6175,7 +6243,7 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
|
|
|
6175
6243
|
isReadOnly: props.isReadOnly || state.isReadOnly,
|
|
6176
6244
|
isDisabled: props.isDisabled || state.isDisabled,
|
|
6177
6245
|
name: props.name || name,
|
|
6178
|
-
isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !==
|
|
6246
|
+
isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== undefined ? _props_isRequired : state.isRequired,
|
|
6179
6247
|
validationBehavior: validationBehavior,
|
|
6180
6248
|
[($e5be200c675c3b3a$export$a763b9476acd3eb)]: {
|
|
6181
6249
|
realtimeValidation: combinedRealtimeValidation,
|
|
@@ -6404,15 +6472,15 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
|
6404
6472
|
let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
|
|
6405
6473
|
let scroll = {};
|
|
6406
6474
|
var _visualViewport_scale;
|
|
6407
|
-
let isPinchZoomedIn = ((_visualViewport_scale = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6475
|
+
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;
|
|
6408
6476
|
if (containerNode.tagName === 'BODY') {
|
|
6409
6477
|
let documentElement = document.documentElement;
|
|
6410
6478
|
totalWidth = documentElement.clientWidth;
|
|
6411
6479
|
totalHeight = documentElement.clientHeight;
|
|
6412
6480
|
var _visualViewport_width;
|
|
6413
|
-
width = (_visualViewport_width = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6481
|
+
width = (_visualViewport_width = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.width) !== null && _visualViewport_width !== undefined ? _visualViewport_width : totalWidth;
|
|
6414
6482
|
var _visualViewport_height;
|
|
6415
|
-
height = (_visualViewport_height = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6483
|
+
height = (_visualViewport_height = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.height) !== null && _visualViewport_height !== undefined ? _visualViewport_height : totalHeight;
|
|
6416
6484
|
scroll.top = documentElement.scrollTop || containerNode.scrollTop;
|
|
6417
6485
|
scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
|
|
6418
6486
|
// The goal of the below is to get a top/left value that represents the top/left of the visual viewport with
|
|
@@ -6437,9 +6505,9 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
|
6437
6505
|
scroll.top = 0;
|
|
6438
6506
|
scroll.left = 0;
|
|
6439
6507
|
var _visualViewport_pageTop;
|
|
6440
|
-
top = (_visualViewport_pageTop = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6508
|
+
top = (_visualViewport_pageTop = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.pageTop) !== null && _visualViewport_pageTop !== undefined ? _visualViewport_pageTop : 0;
|
|
6441
6509
|
var _visualViewport_pageLeft;
|
|
6442
|
-
left = (_visualViewport_pageLeft = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport ===
|
|
6510
|
+
left = (_visualViewport_pageLeft = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === undefined ? undefined : $edcf132a9284368a$var$visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== undefined ? _visualViewport_pageLeft : 0;
|
|
6443
6511
|
}
|
|
6444
6512
|
return {
|
|
6445
6513
|
width: width,
|
|
@@ -6469,7 +6537,7 @@ boundaryDimensions, // The dimensions of the containing block element that the p
|
|
|
6469
6537
|
// position: relative/absolute, it will be different.
|
|
6470
6538
|
containerDimensions, padding, containerOffsetWithBoundary) {
|
|
6471
6539
|
var _containerDimensions_scroll_axis;
|
|
6472
|
-
let containerScroll = (_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !==
|
|
6540
|
+
let containerScroll = (_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== undefined ? _containerDimensions_scroll_axis : 0;
|
|
6473
6541
|
// The height/width of the boundary. Matches the axis along which we are adjusting the overlay position
|
|
6474
6542
|
let boundarySize = boundaryDimensions[$edcf132a9284368a$var$AXIS_SIZE[axis]];
|
|
6475
6543
|
// Calculate the edges of the boundary (accomodating for the boundary padding) and the edges of the overlay.
|
|
@@ -6516,14 +6584,14 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
|
|
|
6516
6584
|
let position = {};
|
|
6517
6585
|
var _childOffset_crossAxis;
|
|
6518
6586
|
// button position
|
|
6519
|
-
position[crossAxis] = (_childOffset_crossAxis = childOffset[crossAxis]) !== null && _childOffset_crossAxis !==
|
|
6587
|
+
position[crossAxis] = (_childOffset_crossAxis = childOffset[crossAxis]) !== null && _childOffset_crossAxis !== undefined ? _childOffset_crossAxis : 0;
|
|
6520
6588
|
var _childOffset_crossSize, _overlaySize_crossSize, _childOffset_crossSize1, _overlaySize_crossSize1;
|
|
6521
6589
|
if (crossPlacement === 'center') // + (button size / 2) - (overlay size / 2)
|
|
6522
6590
|
// at this point the overlay center should match the button center
|
|
6523
|
-
position[crossAxis] += (((_childOffset_crossSize = childOffset[crossSize]) !== null && _childOffset_crossSize !==
|
|
6591
|
+
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;
|
|
6524
6592
|
else if (crossPlacement !== crossAxis) // + (button size) - (overlay size)
|
|
6525
6593
|
// at this point the overlay bottom should match the button bottom
|
|
6526
|
-
position[crossAxis] += ((_childOffset_crossSize1 = childOffset[crossSize]) !== null && _childOffset_crossSize1 !==
|
|
6594
|
+
position[crossAxis] += ((_childOffset_crossSize1 = childOffset[crossSize]) !== null && _childOffset_crossSize1 !== undefined ? _childOffset_crossSize1 : 0) - ((_overlaySize_crossSize1 = overlaySize[crossSize]) !== null && _overlaySize_crossSize1 !== undefined ? _overlaySize_crossSize1 : 0);
|
|
6527
6595
|
/* else {
|
|
6528
6596
|
the overlay top should match the button top
|
|
6529
6597
|
} */
|
|
@@ -6549,23 +6617,23 @@ function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, contai
|
|
|
6549
6617
|
var _position_bottom;
|
|
6550
6618
|
// 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
|
|
6551
6619
|
// used in computePosition.
|
|
6552
|
-
let overlayTop = position.top != null ? containerOffsetWithBoundary.top + position.top : containerOffsetWithBoundary.top + (containerHeight - ((_position_bottom = position.bottom) !== null && _position_bottom !==
|
|
6620
|
+
let overlayTop = position.top != null ? containerOffsetWithBoundary.top + position.top : containerOffsetWithBoundary.top + (containerHeight - ((_position_bottom = position.bottom) !== null && _position_bottom !== undefined ? _position_bottom : 0) - overlayHeight);
|
|
6553
6621
|
var _boundaryDimensions_scroll_top, _margins_top, _margins_bottom, _boundaryDimensions_scroll_top1, _margins_top1, _margins_bottom1;
|
|
6554
6622
|
let maxHeight = heightGrowthDirection !== 'top' ? // We want the distance between the top of the overlay to the bottom of the boundary
|
|
6555
|
-
Math.max(0, boundaryDimensions.height + boundaryDimensions.top + ((_boundaryDimensions_scroll_top = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top !==
|
|
6556
|
-
- (((_margins_top = margins.top) !== null && _margins_top !==
|
|
6623
|
+
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
|
|
6624
|
+
- (((_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
|
|
6557
6625
|
)) : Math.max(0, overlayTop + overlayHeight // this is the bottom of the overlay
|
|
6558
|
-
- (boundaryDimensions.top + ((_boundaryDimensions_scroll_top1 = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top1 !==
|
|
6559
|
-
) - (((_margins_top1 = margins.top) !== null && _margins_top1 !==
|
|
6626
|
+
- (boundaryDimensions.top + ((_boundaryDimensions_scroll_top1 = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top1 !== undefined ? _boundaryDimensions_scroll_top1 : 0) // this is the top of the boundary
|
|
6627
|
+
) - (((_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
|
|
6560
6628
|
));
|
|
6561
6629
|
return Math.min(boundaryDimensions.height - padding * 2, maxHeight);
|
|
6562
6630
|
}
|
|
6563
6631
|
function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
|
|
6564
6632
|
let { placement: placement, axis: axis, size: size } = placementInfo;
|
|
6565
6633
|
var _boundaryDimensions_scroll_axis, _margins_axis;
|
|
6566
|
-
if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - ((_boundaryDimensions_scroll_axis = boundaryDimensions.scroll[axis]) !== null && _boundaryDimensions_scroll_axis !==
|
|
6634
|
+
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);
|
|
6567
6635
|
var _margins_axis1;
|
|
6568
|
-
return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - ((_margins_axis1 = margins[axis]) !== null && _margins_axis1 !==
|
|
6636
|
+
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);
|
|
6569
6637
|
}
|
|
6570
6638
|
function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset) {
|
|
6571
6639
|
let placementInfo = $edcf132a9284368a$var$parsePlacement(placementInput);
|
|
@@ -6613,7 +6681,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
6613
6681
|
const arrowMinPosition = arrowSize / 2 + arrowBoundaryOffset;
|
|
6614
6682
|
var _margins_left, _margins_right, _margins_top, _margins_bottom;
|
|
6615
6683
|
// overlaySize[crossSize] - margins = true size of the overlay
|
|
6616
|
-
const overlayMargin = $edcf132a9284368a$var$AXIS[crossAxis] === 'left' ? ((_margins_left = margins.left) !== null && _margins_left !==
|
|
6684
|
+
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);
|
|
6617
6685
|
const arrowMaxPosition = overlaySize[crossSize] - overlayMargin - arrowSize / 2 - arrowBoundaryOffset;
|
|
6618
6686
|
// Min/Max position limits for the arrow with respect to the trigger/overlay anchor element
|
|
6619
6687
|
// Same margin accomodation done here as well as for the preferredArrowPosition
|
|
@@ -6645,9 +6713,9 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
|
|
|
6645
6713
|
let overlaySize = $edcf132a9284368a$var$getOffset(overlayNode);
|
|
6646
6714
|
let margins = $edcf132a9284368a$var$getMargins(overlayNode);
|
|
6647
6715
|
var _margins_left, _margins_right;
|
|
6648
|
-
overlaySize.width += ((_margins_left = margins.left) !== null && _margins_left !==
|
|
6716
|
+
overlaySize.width += ((_margins_left = margins.left) !== null && _margins_left !== undefined ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== undefined ? _margins_right : 0);
|
|
6649
6717
|
var _margins_top, _margins_bottom;
|
|
6650
|
-
overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !==
|
|
6718
|
+
overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !== undefined ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== undefined ? _margins_bottom : 0);
|
|
6651
6719
|
let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
|
|
6652
6720
|
let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement);
|
|
6653
6721
|
let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container);
|
|
@@ -6802,15 +6870,15 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6802
6870
|
// Note, the position freezing breaks if body sizes itself dynamicly with the visual viewport but that might
|
|
6803
6871
|
// just be a non-realistic use case
|
|
6804
6872
|
// Upon opening a overlay, record the current visual viewport scale so we can freeze the overlay styles
|
|
6805
|
-
let lastScale = ($dbSRa$react.useRef)($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6873
|
+
let lastScale = ($dbSRa$react.useRef)($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.scale);
|
|
6806
6874
|
($dbSRa$react.useEffect)(()=>{
|
|
6807
|
-
if (isOpen) lastScale.current = $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6875
|
+
if (isOpen) lastScale.current = $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.scale;
|
|
6808
6876
|
}, [
|
|
6809
6877
|
isOpen
|
|
6810
6878
|
]);
|
|
6811
6879
|
let updatePosition = ($dbSRa$react.useCallback)(()=>{
|
|
6812
6880
|
if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !boundaryElement) return;
|
|
6813
|
-
if (($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6881
|
+
if (($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.scale) !== lastScale.current) return;
|
|
6814
6882
|
// Determine a scroll anchor based on the focused element.
|
|
6815
6883
|
// This stores the offset of the anchor element from the scroll container
|
|
6816
6884
|
// so it can be restored after repositioning. This way if the overlay height
|
|
@@ -6818,19 +6886,19 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6818
6886
|
let anchor = null;
|
|
6819
6887
|
if (scrollRef.current && scrollRef.current.contains(document.activeElement)) {
|
|
6820
6888
|
var _document_activeElement;
|
|
6821
|
-
let anchorRect = (_document_activeElement = document.activeElement) === null || _document_activeElement ===
|
|
6889
|
+
let anchorRect = (_document_activeElement = document.activeElement) === null || _document_activeElement === undefined ? undefined : _document_activeElement.getBoundingClientRect();
|
|
6822
6890
|
let scrollRect = scrollRef.current.getBoundingClientRect();
|
|
6823
6891
|
var _anchorRect_top;
|
|
6824
6892
|
// Anchor from the top if the offset is in the top half of the scrollable element,
|
|
6825
6893
|
// otherwise anchor from the bottom.
|
|
6826
6894
|
anchor = {
|
|
6827
6895
|
type: 'top',
|
|
6828
|
-
offset: ((_anchorRect_top = anchorRect === null || anchorRect ===
|
|
6896
|
+
offset: ((_anchorRect_top = anchorRect === null || anchorRect === undefined ? undefined : anchorRect.top) !== null && _anchorRect_top !== undefined ? _anchorRect_top : 0) - scrollRect.top
|
|
6829
6897
|
};
|
|
6830
6898
|
if (anchor.offset > scrollRect.height / 2) {
|
|
6831
6899
|
anchor.type = 'bottom';
|
|
6832
6900
|
var _anchorRect_bottom;
|
|
6833
|
-
anchor.offset = ((_anchorRect_bottom = anchorRect === null || anchorRect ===
|
|
6901
|
+
anchor.offset = ((_anchorRect_bottom = anchorRect === null || anchorRect === undefined ? undefined : anchorRect.bottom) !== null && _anchorRect_bottom !== undefined ? _anchorRect_bottom : 0) - scrollRect.bottom;
|
|
6834
6902
|
}
|
|
6835
6903
|
}
|
|
6836
6904
|
// Always reset the overlay's previous max height if not defined by the user so that we can compensate for
|
|
@@ -6841,7 +6909,7 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6841
6909
|
overlay.style.top = '0px';
|
|
6842
6910
|
overlay.style.bottom = '';
|
|
6843
6911
|
var _window_visualViewport_height;
|
|
6844
|
-
overlay.style.maxHeight = ((_window_visualViewport_height = (_window_visualViewport = window.visualViewport) === null || _window_visualViewport ===
|
|
6912
|
+
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';
|
|
6845
6913
|
}
|
|
6846
6914
|
let position = ($edcf132a9284368a$export$b3ceb0cbf1056d98)({
|
|
6847
6915
|
placement: $2a41e45df1593e64$var$translateRTL(placement, direction),
|
|
@@ -6910,17 +6978,17 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6910
6978
|
let onScroll = ()=>{
|
|
6911
6979
|
if (isResizing.current) onResize();
|
|
6912
6980
|
};
|
|
6913
|
-
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6914
|
-
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6981
|
+
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.addEventListener('resize', onResize);
|
|
6982
|
+
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.addEventListener('scroll', onScroll);
|
|
6915
6983
|
return ()=>{
|
|
6916
|
-
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6917
|
-
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport ===
|
|
6984
|
+
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.removeEventListener('resize', onResize);
|
|
6985
|
+
$2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === undefined ? undefined : $2a41e45df1593e64$var$visualViewport.removeEventListener('scroll', onScroll);
|
|
6918
6986
|
};
|
|
6919
6987
|
}, [
|
|
6920
6988
|
updatePosition
|
|
6921
6989
|
]);
|
|
6922
6990
|
let close = ($dbSRa$react.useCallback)(()=>{
|
|
6923
|
-
if (!isResizing.current) onClose === null || onClose ===
|
|
6991
|
+
if (!isResizing.current) onClose === null || onClose === undefined ? undefined : onClose();
|
|
6924
6992
|
}, [
|
|
6925
6993
|
onClose,
|
|
6926
6994
|
isResizing
|
|
@@ -6938,17 +7006,17 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
|
|
|
6938
7006
|
style: {
|
|
6939
7007
|
position: 'absolute',
|
|
6940
7008
|
zIndex: 100000,
|
|
6941
|
-
...position === null || position ===
|
|
6942
|
-
maxHeight: (_position_maxHeight = position === null || position ===
|
|
7009
|
+
...position === null || position === undefined ? undefined : position.position,
|
|
7010
|
+
maxHeight: (_position_maxHeight = position === null || position === undefined ? undefined : position.maxHeight) !== null && _position_maxHeight !== undefined ? _position_maxHeight : '100vh'
|
|
6943
7011
|
}
|
|
6944
7012
|
},
|
|
6945
|
-
placement: (_position_placement = position === null || position ===
|
|
7013
|
+
placement: (_position_placement = position === null || position === undefined ? undefined : position.placement) !== null && _position_placement !== undefined ? _position_placement : null,
|
|
6946
7014
|
arrowProps: {
|
|
6947
7015
|
'aria-hidden': 'true',
|
|
6948
7016
|
role: 'presentation',
|
|
6949
7017
|
style: {
|
|
6950
|
-
left: position === null || position ===
|
|
6951
|
-
top: position === null || position ===
|
|
7018
|
+
left: position === null || position === undefined ? undefined : position.arrowOffsetLeft,
|
|
7019
|
+
top: position === null || position === undefined ? undefined : position.arrowOffsetTop
|
|
6952
7020
|
}
|
|
6953
7021
|
},
|
|
6954
7022
|
updatePosition: updatePosition
|
|
@@ -7044,7 +7112,7 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
|
|
|
7044
7112
|
// do not close the outer overlay. At this point, the active scope should
|
|
7045
7113
|
// still be the outer overlay, since blur events run before focus.
|
|
7046
7114
|
if (!e.relatedTarget || ($9bf71ea28793e738$export$1258395f99bf9cbf)(e.relatedTarget)) return;
|
|
7047
|
-
if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose === null || onClose ===
|
|
7115
|
+
if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose === null || onClose === undefined ? undefined : onClose();
|
|
7048
7116
|
}
|
|
7049
7117
|
});
|
|
7050
7118
|
let onPointerDownUnderlay = (e)=>{
|
|
@@ -7282,8 +7350,8 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
|
|
|
7282
7350
|
}), $49c51c25361d4cd2$var$addEvent(document, 'focus', onFocus, true));
|
|
7283
7351
|
return ()=>{
|
|
7284
7352
|
// Restore styles and scroll the page back to where it was.
|
|
7285
|
-
restoreScrollableStyles === null || restoreScrollableStyles ===
|
|
7286
|
-
restoreStyles === null || restoreStyles ===
|
|
7353
|
+
restoreScrollableStyles === null || restoreScrollableStyles === undefined ? undefined : restoreScrollableStyles();
|
|
7354
|
+
restoreStyles === null || restoreStyles === undefined ? undefined : restoreStyles();
|
|
7287
7355
|
removeEvents();
|
|
7288
7356
|
};
|
|
7289
7357
|
}
|
|
@@ -7385,7 +7453,7 @@ function $f57aed4a881a3485$export$b47c3594eab58386(props) {
|
|
|
7385
7453
|
let isSSR = ($b5e257d569688ac6$export$535bd6ca7f90a273)();
|
|
7386
7454
|
let { portalContainer: portalContainer = isSSR ? null : document.body, ...rest } = props;
|
|
7387
7455
|
($dbSRa$react).useEffect(()=>{
|
|
7388
|
-
if (portalContainer === null || portalContainer ===
|
|
7456
|
+
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.');
|
|
7389
7457
|
}, [
|
|
7390
7458
|
portalContainer
|
|
7391
7459
|
]);
|
|
@@ -7720,7 +7788,7 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
|
|
|
7720
7788
|
};
|
|
7721
7789
|
let hide = (node)=>{
|
|
7722
7790
|
var _refCountMap_get;
|
|
7723
|
-
let refCount = (_refCountMap_get = $5e3802645cc19319$var$refCountMap.get(node)) !== null && _refCountMap_get !==
|
|
7791
|
+
let refCount = (_refCountMap_get = $5e3802645cc19319$var$refCountMap.get(node)) !== null && _refCountMap_get !== undefined ? _refCountMap_get : 0;
|
|
7724
7792
|
// If already aria-hidden, and the ref count is zero, then this element
|
|
7725
7793
|
// was already hidden and there's nothing for us to do.
|
|
7726
7794
|
if (node.getAttribute('aria-hidden') === 'true' && refCount === 0) return;
|
|
@@ -7853,7 +7921,7 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
|
|
|
7853
7921
|
const $96b38030c423d352$export$60d741e20e0aa309 = /*#__PURE__*/ ($dbSRa$react.createContext)({});
|
|
7854
7922
|
function $96b38030c423d352$export$574e9b0fb070c3b0() {
|
|
7855
7923
|
var _useContext;
|
|
7856
|
-
return (_useContext = ($dbSRa$react.useContext)($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !==
|
|
7924
|
+
return (_useContext = ($dbSRa$react.useContext)($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !== undefined ? _useContext : {};
|
|
7857
7925
|
}
|
|
7858
7926
|
|
|
7859
7927
|
/*
|
|
@@ -7900,9 +7968,9 @@ function $337b884510726a0d$export$c6fdb837b070b4ff(props) {
|
|
|
7900
7968
|
}
|
|
7901
7969
|
function $337b884510726a0d$export$14c98a7594375490() {
|
|
7902
7970
|
let ctx = ($dbSRa$react.useContext)($337b884510726a0d$export$a2200b96afd16271);
|
|
7903
|
-
let setContain = ctx === null || ctx ===
|
|
7971
|
+
let setContain = ctx === null || ctx === undefined ? undefined : ctx.setContain;
|
|
7904
7972
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
7905
|
-
setContain === null || setContain ===
|
|
7973
|
+
setContain === null || setContain === undefined ? undefined : setContain(true);
|
|
7906
7974
|
}, [
|
|
7907
7975
|
setContain
|
|
7908
7976
|
]);
|
|
@@ -8084,7 +8152,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8084
8152
|
if (e.altKey && e.key === 'Tab') e.preventDefault();
|
|
8085
8153
|
// Keyboard events bubble through portals. Don't handle keyboard events
|
|
8086
8154
|
// for elements outside the collection (e.g. menus).
|
|
8087
|
-
if (!((_ref_current = ref.current) === null || _ref_current ===
|
|
8155
|
+
if (!((_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.contains(e.target))) return;
|
|
8088
8156
|
const navigateToKey = (key, childFocus)=>{
|
|
8089
8157
|
if (key != null) {
|
|
8090
8158
|
if (manager.isLink(key) && linkBehavior === 'selection' && selectOnFocus && !($feb5ffebff200149$export$d3e3bd3e26688c04)(e)) {
|
|
@@ -8093,7 +8161,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8093
8161
|
($iETbY$reactdom.flushSync)(()=>{
|
|
8094
8162
|
manager.setFocusedKey(key, childFocus);
|
|
8095
8163
|
});
|
|
8096
|
-
let item = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current ===
|
|
8164
|
+
let item = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === undefined ? undefined : _scrollRef_current.querySelector(`[data-key="${CSS.escape(key.toString())}"]`);
|
|
8097
8165
|
let itemProps = manager.getItemProps(key);
|
|
8098
8166
|
if (item) router.open(item, e, itemProps.href, itemProps.routerOptions);
|
|
8099
8167
|
return;
|
|
@@ -8108,8 +8176,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8108
8176
|
case 'ArrowDown':
|
|
8109
8177
|
if (delegate.getKeyBelow) {
|
|
8110
8178
|
var _delegate_getKeyBelow, _delegate_getFirstKey, _delegate_getFirstKey1;
|
|
8111
|
-
let nextKey = manager.focusedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow ===
|
|
8112
|
-
if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 ===
|
|
8179
|
+
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);
|
|
8180
|
+
if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === undefined ? undefined : _delegate_getFirstKey1.call(delegate, manager.focusedKey);
|
|
8113
8181
|
if (nextKey != null) {
|
|
8114
8182
|
e.preventDefault();
|
|
8115
8183
|
navigateToKey(nextKey);
|
|
@@ -8119,8 +8187,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8119
8187
|
case 'ArrowUp':
|
|
8120
8188
|
if (delegate.getKeyAbove) {
|
|
8121
8189
|
var _delegate_getKeyAbove, _delegate_getLastKey, _delegate_getLastKey1;
|
|
8122
|
-
let nextKey = manager.focusedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove ===
|
|
8123
|
-
if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getLastKey1 = delegate.getLastKey) === null || _delegate_getLastKey1 ===
|
|
8190
|
+
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);
|
|
8191
|
+
if (nextKey == null && shouldFocusWrap) nextKey = (_delegate_getLastKey1 = delegate.getLastKey) === null || _delegate_getLastKey1 === undefined ? undefined : _delegate_getLastKey1.call(delegate, manager.focusedKey);
|
|
8124
8192
|
if (nextKey != null) {
|
|
8125
8193
|
e.preventDefault();
|
|
8126
8194
|
navigateToKey(nextKey);
|
|
@@ -8130,8 +8198,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8130
8198
|
case 'ArrowLeft':
|
|
8131
8199
|
if (delegate.getKeyLeftOf) {
|
|
8132
8200
|
var _delegate_getKeyLeftOf, _delegate_getFirstKey2, _delegate_getLastKey2;
|
|
8133
|
-
let nextKey = manager.focusedKey != null ? (_delegate_getKeyLeftOf = delegate.getKeyLeftOf) === null || _delegate_getKeyLeftOf ===
|
|
8134
|
-
if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getFirstKey2 = delegate.getFirstKey) === null || _delegate_getFirstKey2 ===
|
|
8201
|
+
let nextKey = manager.focusedKey != null ? (_delegate_getKeyLeftOf = delegate.getKeyLeftOf) === null || _delegate_getKeyLeftOf === undefined ? undefined : _delegate_getKeyLeftOf.call(delegate, manager.focusedKey) : null;
|
|
8202
|
+
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);
|
|
8135
8203
|
if (nextKey != null) {
|
|
8136
8204
|
e.preventDefault();
|
|
8137
8205
|
navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last');
|
|
@@ -8141,8 +8209,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8141
8209
|
case 'ArrowRight':
|
|
8142
8210
|
if (delegate.getKeyRightOf) {
|
|
8143
8211
|
var _delegate_getKeyRightOf, _delegate_getLastKey3, _delegate_getFirstKey3;
|
|
8144
|
-
let nextKey = manager.focusedKey != null ? (_delegate_getKeyRightOf = delegate.getKeyRightOf) === null || _delegate_getKeyRightOf ===
|
|
8145
|
-
if (nextKey == null && shouldFocusWrap) nextKey = direction === 'rtl' ? (_delegate_getLastKey3 = delegate.getLastKey) === null || _delegate_getLastKey3 ===
|
|
8212
|
+
let nextKey = manager.focusedKey != null ? (_delegate_getKeyRightOf = delegate.getKeyRightOf) === null || _delegate_getKeyRightOf === undefined ? undefined : _delegate_getKeyRightOf.call(delegate, manager.focusedKey) : null;
|
|
8213
|
+
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);
|
|
8146
8214
|
if (nextKey != null) {
|
|
8147
8215
|
e.preventDefault();
|
|
8148
8216
|
navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first');
|
|
@@ -8237,8 +8305,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8237
8305
|
var _scrollRef_current, _scrollRef_current1;
|
|
8238
8306
|
var _scrollRef_current_scrollTop, _scrollRef_current_scrollLeft;
|
|
8239
8307
|
scrollPos.current = {
|
|
8240
|
-
top: (_scrollRef_current_scrollTop = (_scrollRef_current = scrollRef.current) === null || _scrollRef_current ===
|
|
8241
|
-
left: (_scrollRef_current_scrollLeft = (_scrollRef_current1 = scrollRef.current) === null || _scrollRef_current1 ===
|
|
8308
|
+
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,
|
|
8309
|
+
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
|
|
8242
8310
|
};
|
|
8243
8311
|
});
|
|
8244
8312
|
let onFocus = (e)=>{
|
|
@@ -8263,8 +8331,8 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8263
8331
|
// and either focus the first or last item accordingly.
|
|
8264
8332
|
let relatedTarget = e.relatedTarget;
|
|
8265
8333
|
var _manager_lastSelectedKey, _manager_firstSelectedKey;
|
|
8266
|
-
if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) navigateToFirstKey((_manager_lastSelectedKey = manager.lastSelectedKey) !== null && _manager_lastSelectedKey !==
|
|
8267
|
-
else navigateToFirstKey((_manager_firstSelectedKey = manager.firstSelectedKey) !== null && _manager_firstSelectedKey !==
|
|
8334
|
+
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));
|
|
8335
|
+
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));
|
|
8268
8336
|
} else if (!isVirtualized && scrollRef.current) {
|
|
8269
8337
|
// Restore the scroll position to what it was before.
|
|
8270
8338
|
scrollRef.current.scrollTop = scrollPos.current.top;
|
|
@@ -8294,9 +8362,9 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
|
|
|
8294
8362
|
let focusedKey = null;
|
|
8295
8363
|
var _delegate_getFirstKey1;
|
|
8296
8364
|
// Check focus strategy to determine which item to focus
|
|
8297
|
-
if (autoFocus === 'first') focusedKey = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey ===
|
|
8365
|
+
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;
|
|
8298
8366
|
var _delegate_getLastKey1;
|
|
8299
|
-
if (autoFocus === 'last') focusedKey = (_delegate_getLastKey1 = (_delegate_getLastKey = delegate.getLastKey) === null || _delegate_getLastKey ===
|
|
8367
|
+
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;
|
|
8300
8368
|
// If there are any selected keys, make the first one the new focus target
|
|
8301
8369
|
let selectedKeys = manager.selectedKeys;
|
|
8302
8370
|
if (selectedKeys.size) {
|
|
@@ -8560,11 +8628,11 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
|
|
|
8560
8628
|
}
|
|
8561
8629
|
function $880e95eb8b93ba9a$var$isActionKey() {
|
|
8562
8630
|
let event = window.event;
|
|
8563
|
-
return (event === null || event ===
|
|
8631
|
+
return (event === null || event === undefined ? undefined : event.key) === 'Enter';
|
|
8564
8632
|
}
|
|
8565
8633
|
function $880e95eb8b93ba9a$var$isSelectionKey() {
|
|
8566
8634
|
let event = window.event;
|
|
8567
|
-
return (event === null || event ===
|
|
8635
|
+
return (event === null || event === undefined ? undefined : event.key) === ' ' || (event === null || event === undefined ? undefined : event.code) === 'Space';
|
|
8568
8636
|
}
|
|
8569
8637
|
|
|
8570
8638
|
/*
|
|
@@ -8596,18 +8664,18 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
|
|
|
8596
8664
|
let container = this.ref.current;
|
|
8597
8665
|
var _container_scrollWidth, _container_scrollHeight;
|
|
8598
8666
|
return {
|
|
8599
|
-
width: (_container_scrollWidth = container === null || container ===
|
|
8600
|
-
height: (_container_scrollHeight = container === null || container ===
|
|
8667
|
+
width: (_container_scrollWidth = container === null || container === undefined ? undefined : container.scrollWidth) !== null && _container_scrollWidth !== undefined ? _container_scrollWidth : 0,
|
|
8668
|
+
height: (_container_scrollHeight = container === null || container === undefined ? undefined : container.scrollHeight) !== null && _container_scrollHeight !== undefined ? _container_scrollHeight : 0
|
|
8601
8669
|
};
|
|
8602
8670
|
}
|
|
8603
8671
|
getVisibleRect() {
|
|
8604
8672
|
let container = this.ref.current;
|
|
8605
8673
|
var _container_scrollLeft, _container_scrollTop, _container_offsetWidth, _container_offsetHeight;
|
|
8606
8674
|
return {
|
|
8607
|
-
x: (_container_scrollLeft = container === null || container ===
|
|
8608
|
-
y: (_container_scrollTop = container === null || container ===
|
|
8609
|
-
width: (_container_offsetWidth = container === null || container ===
|
|
8610
|
-
height: (_container_offsetHeight = container === null || container ===
|
|
8675
|
+
x: (_container_scrollLeft = container === null || container === undefined ? undefined : container.scrollLeft) !== null && _container_scrollLeft !== undefined ? _container_scrollLeft : 0,
|
|
8676
|
+
y: (_container_scrollTop = container === null || container === undefined ? undefined : container.scrollTop) !== null && _container_scrollTop !== undefined ? _container_scrollTop : 0,
|
|
8677
|
+
width: (_container_offsetWidth = container === null || container === undefined ? undefined : container.offsetWidth) !== null && _container_offsetWidth !== undefined ? _container_offsetWidth : 0,
|
|
8678
|
+
height: (_container_offsetHeight = container === null || container === undefined ? undefined : container.offsetHeight) !== null && _container_offsetHeight !== undefined ? _container_offsetHeight : 0
|
|
8611
8679
|
};
|
|
8612
8680
|
}
|
|
8613
8681
|
constructor(ref){
|
|
@@ -8630,13 +8698,13 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
|
|
|
8630
8698
|
class $2a25aae57d74318e$export$a05409b8bb224a5a {
|
|
8631
8699
|
isDisabled(item) {
|
|
8632
8700
|
var _item_props;
|
|
8633
|
-
return this.disabledBehavior === 'all' && (((_item_props = item.props) === null || _item_props ===
|
|
8701
|
+
return this.disabledBehavior === 'all' && (((_item_props = item.props) === null || _item_props === undefined ? undefined : _item_props.isDisabled) || this.disabledKeys.has(item.key));
|
|
8634
8702
|
}
|
|
8635
8703
|
findNextNonDisabled(key, getNext) {
|
|
8636
8704
|
let nextKey = key;
|
|
8637
8705
|
while(nextKey != null){
|
|
8638
8706
|
let item = this.collection.getItem(nextKey);
|
|
8639
|
-
if ((item === null || item ===
|
|
8707
|
+
if ((item === null || item === undefined ? undefined : item.type) === 'item' && !this.isDisabled(item)) return nextKey;
|
|
8640
8708
|
nextKey = getNext(nextKey);
|
|
8641
8709
|
}
|
|
8642
8710
|
return null;
|
|
@@ -8734,7 +8802,7 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
|
|
|
8734
8802
|
itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
|
|
8735
8803
|
}
|
|
8736
8804
|
}
|
|
8737
|
-
return nextKey !== null && nextKey !==
|
|
8805
|
+
return nextKey !== null && nextKey !== undefined ? nextKey : this.getFirstKey();
|
|
8738
8806
|
}
|
|
8739
8807
|
getKeyPageBelow(key) {
|
|
8740
8808
|
let menu = this.ref.current;
|
|
@@ -8755,7 +8823,7 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
|
|
|
8755
8823
|
itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
|
|
8756
8824
|
}
|
|
8757
8825
|
}
|
|
8758
|
-
return nextKey !== null && nextKey !==
|
|
8826
|
+
return nextKey !== null && nextKey !== undefined ? nextKey : this.getLastKey();
|
|
8759
8827
|
}
|
|
8760
8828
|
getKeyForSearch(search, fromKey) {
|
|
8761
8829
|
if (!this.collator) return null;
|
|
@@ -8977,7 +9045,7 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
8977
9045
|
let v = partialNode.value;
|
|
8978
9046
|
if (v != null) {
|
|
8979
9047
|
var _v_key;
|
|
8980
|
-
let key = (_v_key = v.key) !== null && _v_key !==
|
|
9048
|
+
let key = (_v_key = v.key) !== null && _v_key !== undefined ? _v_key : v.id;
|
|
8981
9049
|
if (key == null) throw new Error('No key found for item');
|
|
8982
9050
|
return key;
|
|
8983
9051
|
}
|
|
@@ -8995,7 +9063,7 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
8995
9063
|
children.push(child);
|
|
8996
9064
|
});
|
|
8997
9065
|
var _partialNode_index;
|
|
8998
|
-
let index = (_partialNode_index = partialNode.index) !== null && _partialNode_index !==
|
|
9066
|
+
let index = (_partialNode_index = partialNode.index) !== null && _partialNode_index !== undefined ? _partialNode_index : 0;
|
|
8999
9067
|
for (const child of children)yield* this.getFullNode({
|
|
9000
9068
|
element: child,
|
|
9001
9069
|
index: index++
|
|
@@ -9025,13 +9093,13 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
9025
9093
|
}
|
|
9026
9094
|
let childNodes = type.getCollectionNode(element.props, this.context);
|
|
9027
9095
|
var _partialNode_index1;
|
|
9028
|
-
let index = (_partialNode_index1 = partialNode.index) !== null && _partialNode_index1 !==
|
|
9096
|
+
let index = (_partialNode_index1 = partialNode.index) !== null && _partialNode_index1 !== undefined ? _partialNode_index1 : 0;
|
|
9029
9097
|
let result = childNodes.next();
|
|
9030
9098
|
while(!result.done && result.value){
|
|
9031
9099
|
let childNode = result.value;
|
|
9032
9100
|
partialNode.index = index;
|
|
9033
9101
|
var _childNode_key;
|
|
9034
|
-
let nodeKey = (_childNode_key = childNode.key) !== null && _childNode_key !==
|
|
9102
|
+
let nodeKey = (_childNode_key = childNode.key) !== null && _childNode_key !== undefined ? _childNode_key : null;
|
|
9035
9103
|
if (nodeKey == null) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
|
|
9036
9104
|
let nodes = this.getFullNode({
|
|
9037
9105
|
...childNode,
|
|
@@ -9045,12 +9113,12 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
9045
9113
|
for (let node of children){
|
|
9046
9114
|
var _childNode_value, _ref;
|
|
9047
9115
|
// Cache the node based on its value
|
|
9048
|
-
node.value = (_ref = (_childNode_value = childNode.value) !== null && _childNode_value !==
|
|
9116
|
+
node.value = (_ref = (_childNode_value = childNode.value) !== null && _childNode_value !== undefined ? _childNode_value : partialNode.value) !== null && _ref !== undefined ? _ref : null;
|
|
9049
9117
|
if (node.value) this.cache.set(node.value, node);
|
|
9050
9118
|
var _parentNode_type;
|
|
9051
9119
|
// The partial node may have specified a type for the child in order to specify a constraint.
|
|
9052
9120
|
// Verify that the full node that was built recursively matches this type.
|
|
9053
|
-
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 ===
|
|
9121
|
+
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.`);
|
|
9054
9122
|
index++;
|
|
9055
9123
|
yield node;
|
|
9056
9124
|
}
|
|
@@ -9068,11 +9136,11 @@ class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
|
|
|
9068
9136
|
props: partialNode.props,
|
|
9069
9137
|
key: partialNode.key,
|
|
9070
9138
|
parentKey: parentNode ? parentNode.key : null,
|
|
9071
|
-
value: (_partialNode_value = partialNode.value) !== null && _partialNode_value !==
|
|
9139
|
+
value: (_partialNode_value = partialNode.value) !== null && _partialNode_value !== undefined ? _partialNode_value : null,
|
|
9072
9140
|
level: parentNode ? parentNode.level + 1 : 0,
|
|
9073
9141
|
index: partialNode.index,
|
|
9074
9142
|
rendered: partialNode.rendered,
|
|
9075
|
-
textValue: (_partialNode_textValue = partialNode.textValue) !== null && _partialNode_textValue !==
|
|
9143
|
+
textValue: (_partialNode_textValue = partialNode.textValue) !== null && _partialNode_textValue !== undefined ? _partialNode_textValue : '',
|
|
9076
9144
|
'aria-label': partialNode['aria-label'],
|
|
9077
9145
|
wrapper: partialNode.wrapper,
|
|
9078
9146
|
shouldInvalidate: partialNode.shouldInvalidate,
|
|
@@ -9220,7 +9288,7 @@ function $c5a24bc478652b5f$export$8c434b3a7a4dad6(collection, a, b) {
|
|
|
9220
9288
|
function $c5a24bc478652b5f$var$getAncestors(collection, node) {
|
|
9221
9289
|
let parents = [];
|
|
9222
9290
|
let currNode = node;
|
|
9223
|
-
while((currNode === null || currNode ===
|
|
9291
|
+
while((currNode === null || currNode === undefined ? undefined : currNode.parentKey) != null){
|
|
9224
9292
|
currNode = collection.getItem(currNode.parentKey);
|
|
9225
9293
|
if (currNode) parents.unshift(currNode);
|
|
9226
9294
|
}
|
|
@@ -9273,17 +9341,17 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
9273
9341
|
let { key: key } = props;
|
|
9274
9342
|
let data = ($b1f0cad8af73213b$export$3585ede4d035bf14).get(state);
|
|
9275
9343
|
var _props_isDisabled;
|
|
9276
|
-
let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !==
|
|
9344
|
+
let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== undefined ? _props_isDisabled : state.selectionManager.isDisabled(key);
|
|
9277
9345
|
var _props_isSelected;
|
|
9278
|
-
let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !==
|
|
9346
|
+
let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== undefined ? _props_isSelected : state.selectionManager.isSelected(key);
|
|
9279
9347
|
var _props_shouldSelectOnPressUp;
|
|
9280
|
-
let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !==
|
|
9348
|
+
let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== undefined ? _props_shouldSelectOnPressUp : data === null || data === undefined ? undefined : data.shouldSelectOnPressUp;
|
|
9281
9349
|
var _props_shouldFocusOnHover;
|
|
9282
|
-
let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !==
|
|
9350
|
+
let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== undefined ? _props_shouldFocusOnHover : data === null || data === undefined ? undefined : data.shouldFocusOnHover;
|
|
9283
9351
|
var _props_shouldUseVirtualFocus;
|
|
9284
|
-
let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !==
|
|
9352
|
+
let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== undefined ? _props_shouldUseVirtualFocus : data === null || data === undefined ? undefined : data.shouldUseVirtualFocus;
|
|
9285
9353
|
var _props_isVirtualized;
|
|
9286
|
-
let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !==
|
|
9354
|
+
let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== undefined ? _props_isVirtualized : data === null || data === undefined ? undefined : data.isVirtualized;
|
|
9287
9355
|
let labelId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
|
|
9288
9356
|
let descriptionId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
|
|
9289
9357
|
let optionProps = {
|
|
@@ -9301,13 +9369,13 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
9301
9369
|
}
|
|
9302
9370
|
let item = state.collection.getItem(key);
|
|
9303
9371
|
if (isVirtualized) {
|
|
9304
|
-
let index = Number(item === null || item ===
|
|
9372
|
+
let index = Number(item === null || item === undefined ? undefined : item.index);
|
|
9305
9373
|
optionProps['aria-posinset'] = Number.isNaN(index) ? undefined : index + 1;
|
|
9306
9374
|
optionProps['aria-setsize'] = ($453cc9f0df89c0a5$export$77d5aafae4e095b2)(state.collection);
|
|
9307
9375
|
}
|
|
9308
|
-
let onAction = (data === null || data ===
|
|
9376
|
+
let onAction = (data === null || data === undefined ? undefined : data.onAction) ? ()=>{
|
|
9309
9377
|
var _data_onAction;
|
|
9310
|
-
return data === null || data ===
|
|
9378
|
+
return data === null || data === undefined ? undefined : (_data_onAction = data.onAction) === null || _data_onAction === undefined ? undefined : _data_onAction.call(data, key);
|
|
9311
9379
|
} : undefined;
|
|
9312
9380
|
let { itemProps: itemProps, isPressed: isPressed, isFocused: isFocused, hasAction: hasAction, allowsSelection: allowsSelection } = ($880e95eb8b93ba9a$export$ecf600387e221c37)({
|
|
9313
9381
|
selectionManager: state.selectionManager,
|
|
@@ -9318,8 +9386,8 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
9318
9386
|
isVirtualized: isVirtualized,
|
|
9319
9387
|
shouldUseVirtualFocus: shouldUseVirtualFocus,
|
|
9320
9388
|
isDisabled: isDisabled,
|
|
9321
|
-
onAction: onAction || (item === null || item ===
|
|
9322
|
-
linkBehavior: data === null || data ===
|
|
9389
|
+
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,
|
|
9390
|
+
linkBehavior: data === null || data === undefined ? undefined : data.linkBehavior
|
|
9323
9391
|
});
|
|
9324
9392
|
let { hoverProps: hoverProps } = ($6179b936705e76d3$export$ae780daf29e6d456)({
|
|
9325
9393
|
isDisabled: isDisabled || !shouldFocusOnHover,
|
|
@@ -9330,9 +9398,9 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
|
|
|
9330
9398
|
}
|
|
9331
9399
|
}
|
|
9332
9400
|
});
|
|
9333
|
-
let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(item === null || item ===
|
|
9401
|
+
let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(item === null || item === undefined ? undefined : item.props);
|
|
9334
9402
|
delete domProps.id;
|
|
9335
|
-
let linkProps = ($ea8dcbcb9ea1b556$export$7e924b3091a3bd18)(item === null || item ===
|
|
9403
|
+
let linkProps = ($ea8dcbcb9ea1b556$export$7e924b3091a3bd18)(item === null || item === undefined ? undefined : item.props);
|
|
9336
9404
|
return {
|
|
9337
9405
|
optionProps: {
|
|
9338
9406
|
...optionProps,
|
|
@@ -9881,7 +9949,7 @@ function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
|
|
|
9881
9949
|
*/ const $ce9b18daab526bbd$export$5b9bb410392e3991 = new WeakMap();
|
|
9882
9950
|
function $ce9b18daab526bbd$export$f45c25170b9a99c2(state, key) {
|
|
9883
9951
|
var _listMap_get;
|
|
9884
|
-
let { id: id } = (_listMap_get = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state)) !== null && _listMap_get !==
|
|
9952
|
+
let { id: id } = (_listMap_get = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state)) !== null && _listMap_get !== undefined ? _listMap_get : {};
|
|
9885
9953
|
if (!id) throw new Error('Unknown list');
|
|
9886
9954
|
return `${id}-${$ce9b18daab526bbd$export$e0c709538cb8ae18(key)}`;
|
|
9887
9955
|
}
|
|
@@ -10460,7 +10528,7 @@ function $92599c3fd427b763$export$137e594ef3218a10(props, state) {
|
|
|
10460
10528
|
let { getRowText: getRowText = (key)=>{
|
|
10461
10529
|
var _state_collection_getTextValue, _state_collection, _state_collection_getItem;
|
|
10462
10530
|
var _state_collection_getTextValue1;
|
|
10463
|
-
return (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue ===
|
|
10531
|
+
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;
|
|
10464
10532
|
} } = props;
|
|
10465
10533
|
let stringFormatter = ($fca6afa0e843324b$export$f12b703ca79dfbb1)((($parcel$interopDefault$3($835c96616a7cb4f9$exports))), '@react-aria/grid');
|
|
10466
10534
|
// Many screen readers do not announce when items in a grid are selected/deselected.
|
|
@@ -10500,7 +10568,7 @@ function $92599c3fd427b763$export$137e594ef3218a10(props, state) {
|
|
|
10500
10568
|
}
|
|
10501
10569
|
// Announce how many items are selected, except when selecting the first item.
|
|
10502
10570
|
if (state.selectionManager.selectionMode === 'multiple') {
|
|
10503
|
-
if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || ((_lastSelection_current = lastSelection.current) === null || _lastSelection_current ===
|
|
10571
|
+
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', {
|
|
10504
10572
|
count: selection.size
|
|
10505
10573
|
}));
|
|
10506
10574
|
}
|
|
@@ -10665,7 +10733,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
|
|
|
10665
10733
|
var _ref_current;
|
|
10666
10734
|
// Don't shift focus to the row if the active element is a element within the row already
|
|
10667
10735
|
// (e.g. clicking on a row button)
|
|
10668
|
-
if (ref.current !== null && (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !((_ref_current = ref.current) === null || _ref_current ===
|
|
10736
|
+
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);
|
|
10669
10737
|
};
|
|
10670
10738
|
let treeGridRowProps = {};
|
|
10671
10739
|
let hasChildRows;
|
|
@@ -10674,29 +10742,29 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
|
|
|
10674
10742
|
var _state_collection_getChildren, _state_collection, _filter_at;
|
|
10675
10743
|
// 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
|
|
10676
10744
|
// true...
|
|
10677
|
-
let children = (_state_collection_getChildren = (_state_collection = state.collection).getChildren) === null || _state_collection_getChildren ===
|
|
10745
|
+
let children = (_state_collection_getChildren = (_state_collection = state.collection).getChildren) === null || _state_collection_getChildren === undefined ? undefined : _state_collection_getChildren.call(_state_collection, node.key);
|
|
10678
10746
|
hasChildRows = [
|
|
10679
|
-
...children !== null && children !==
|
|
10747
|
+
...children !== null && children !== undefined ? children : []
|
|
10680
10748
|
].length > 1;
|
|
10681
10749
|
if (onAction == null && !hasLink && state.selectionManager.selectionMode === 'none' && hasChildRows) onAction = ()=>state.toggleKey(node.key);
|
|
10682
10750
|
let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : undefined;
|
|
10683
10751
|
let setSize = 1;
|
|
10684
10752
|
var _filter_at_index;
|
|
10685
|
-
if (node.level > 0 && (node === null || node ===
|
|
10753
|
+
if (node.level > 0 && (node === null || node === undefined ? undefined : node.parentKey) != null) {
|
|
10686
10754
|
let parent = state.collection.getItem(node.parentKey);
|
|
10687
10755
|
if (parent) {
|
|
10688
10756
|
var _state_collection_getChildren1, _state_collection1;
|
|
10689
10757
|
// siblings must exist because our original node exists, same with lastItem
|
|
10690
|
-
let siblings = (_state_collection_getChildren1 = (_state_collection1 = state.collection).getChildren) === null || _state_collection_getChildren1 ===
|
|
10758
|
+
let siblings = (_state_collection_getChildren1 = (_state_collection1 = state.collection).getChildren) === null || _state_collection_getChildren1 === undefined ? undefined : _state_collection_getChildren1.call(_state_collection1, parent.key);
|
|
10691
10759
|
setSize = ($c5a24bc478652b5f$export$7475b2c64539e4cf)(siblings).index + 1;
|
|
10692
10760
|
}
|
|
10693
10761
|
} else setSize = ((_filter_at_index = (_filter_at = [
|
|
10694
10762
|
...state.collection
|
|
10695
|
-
].filter((row)=>row.level === 0).at(-1)) === null || _filter_at ===
|
|
10763
|
+
].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;
|
|
10696
10764
|
treeGridRowProps = {
|
|
10697
10765
|
'aria-expanded': isExpanded,
|
|
10698
10766
|
'aria-level': node.level + 1,
|
|
10699
|
-
'aria-posinset': (node === null || node ===
|
|
10767
|
+
'aria-posinset': (node === null || node === undefined ? undefined : node.index) + 1,
|
|
10700
10768
|
'aria-setsize': setSize
|
|
10701
10769
|
};
|
|
10702
10770
|
}
|
|
@@ -10706,7 +10774,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
|
|
|
10706
10774
|
ref: ref,
|
|
10707
10775
|
isVirtualized: isVirtualized,
|
|
10708
10776
|
shouldSelectOnPressUp: shouldSelectOnPressUp,
|
|
10709
|
-
onAction: onAction || ((_node_props = node.props) === null || _node_props ===
|
|
10777
|
+
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,
|
|
10710
10778
|
focus: focus,
|
|
10711
10779
|
linkBehavior: linkBehavior
|
|
10712
10780
|
});
|
|
@@ -10799,7 +10867,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
|
|
|
10799
10867
|
var _ref_current_parentElement;
|
|
10800
10868
|
e.stopPropagation();
|
|
10801
10869
|
e.preventDefault();
|
|
10802
|
-
(_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement ===
|
|
10870
|
+
(_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === undefined ? undefined : _ref_current_parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
|
|
10803
10871
|
}
|
|
10804
10872
|
break;
|
|
10805
10873
|
case 'Tab':
|
|
@@ -11005,7 +11073,7 @@ function $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state) {
|
|
|
11005
11073
|
let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
|
|
11006
11074
|
onBlurWithin (e) {
|
|
11007
11075
|
var _props_onBlur;
|
|
11008
|
-
(_props_onBlur = props.onBlur) === null || _props_onBlur ===
|
|
11076
|
+
(_props_onBlur = props.onBlur) === null || _props_onBlur === undefined ? undefined : _props_onBlur.call(props, e);
|
|
11009
11077
|
if (!state.selectedValue) state.setLastFocusedValue(null);
|
|
11010
11078
|
},
|
|
11011
11079
|
onFocusWithin: props.onFocus,
|
|
@@ -11128,7 +11196,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
|
|
|
11128
11196
|
var _delegate_getKeyAbove, _delegate_getFirstKey;
|
|
11129
11197
|
// prevent scrolling containers
|
|
11130
11198
|
e.preventDefault();
|
|
11131
|
-
let key = state.selectedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove ===
|
|
11199
|
+
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);
|
|
11132
11200
|
if (key) state.setSelectedKey(key);
|
|
11133
11201
|
break;
|
|
11134
11202
|
}
|
|
@@ -11137,7 +11205,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
|
|
|
11137
11205
|
var _delegate_getKeyBelow, _delegate_getFirstKey1;
|
|
11138
11206
|
// prevent scrolling containers
|
|
11139
11207
|
e.preventDefault();
|
|
11140
|
-
let key = state.selectedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow ===
|
|
11208
|
+
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);
|
|
11141
11209
|
if (key) state.setSelectedKey(key);
|
|
11142
11210
|
break;
|
|
11143
11211
|
}
|
|
@@ -11176,7 +11244,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
|
|
|
11176
11244
|
onClick: ()=>{
|
|
11177
11245
|
if (!props.isDisabled) {
|
|
11178
11246
|
var _ref_current;
|
|
11179
|
-
(_ref_current = ref.current) === null || _ref_current ===
|
|
11247
|
+
(_ref_current = ref.current) === null || _ref_current === undefined ? undefined : _ref_current.focus();
|
|
11180
11248
|
// Show the focus ring so the user knows where focus went
|
|
11181
11249
|
($507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
|
|
11182
11250
|
}
|
|
@@ -11259,7 +11327,7 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
|
|
|
11259
11327
|
validationBehavior: validationBehavior,
|
|
11260
11328
|
focus: ()=>{
|
|
11261
11329
|
var _triggerRef_current;
|
|
11262
|
-
return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current ===
|
|
11330
|
+
return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === undefined ? undefined : _triggerRef_current.focus();
|
|
11263
11331
|
}
|
|
11264
11332
|
}, state, props.selectRef);
|
|
11265
11333
|
var _state_selectedKey;
|
|
@@ -11289,7 +11357,7 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
|
|
|
11289
11357
|
disabled: isDisabled,
|
|
11290
11358
|
required: validationBehavior === 'native' && isRequired,
|
|
11291
11359
|
name: name,
|
|
11292
|
-
value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !==
|
|
11360
|
+
value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== undefined ? _state_selectedKey : '',
|
|
11293
11361
|
onChange: (e)=>state.setSelectedKey(e.target.value)
|
|
11294
11362
|
}
|
|
11295
11363
|
};
|
|
@@ -11325,7 +11393,7 @@ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
|
|
|
11325
11393
|
autoComplete: selectProps.autoComplete,
|
|
11326
11394
|
name: name,
|
|
11327
11395
|
disabled: isDisabled,
|
|
11328
|
-
value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !==
|
|
11396
|
+
value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== undefined ? _state_selectedKey : ''
|
|
11329
11397
|
});
|
|
11330
11398
|
return null;
|
|
11331
11399
|
}
|
|
@@ -11739,8 +11807,8 @@ function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state, ref) {
|
|
|
11739
11807
|
let onKeyDown = (e)=>{
|
|
11740
11808
|
if (e.key === 'Delete' || e.key === 'Backspace') {
|
|
11741
11809
|
e.preventDefault();
|
|
11742
|
-
if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove ===
|
|
11743
|
-
else onRemove === null || onRemove ===
|
|
11810
|
+
if (state.selectionManager.isSelected(item.key)) onRemove === null || onRemove === undefined ? undefined : onRemove(new Set(state.selectionManager.selectedKeys));
|
|
11811
|
+
else onRemove === null || onRemove === undefined ? undefined : onRemove(new Set([
|
|
11744
11812
|
item.key
|
|
11745
11813
|
]));
|
|
11746
11814
|
}
|
|
@@ -11794,8 +11862,8 @@ function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
|
|
|
11794
11862
|
labelable: true
|
|
11795
11863
|
});
|
|
11796
11864
|
let { hoverProps: hoverProps } = ($6179b936705e76d3$export$ae780daf29e6d456)({
|
|
11797
|
-
onHoverStart: ()=>state === null || state ===
|
|
11798
|
-
onHoverEnd: ()=>state === null || state ===
|
|
11865
|
+
onHoverStart: ()=>state === null || state === undefined ? undefined : state.open(true),
|
|
11866
|
+
onHoverEnd: ()=>state === null || state === undefined ? undefined : state.close()
|
|
11799
11867
|
});
|
|
11800
11868
|
return {
|
|
11801
11869
|
tooltipProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, hoverProps, {
|
|
@@ -11922,6 +11990,58 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
|
11922
11990
|
*/
|
|
11923
11991
|
|
|
11924
11992
|
|
|
11993
|
+
const $4f118338184dc1d9$export$e2509388b49734e7 = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
|
|
11994
|
+
function $4f118338184dc1d9$var$Link(props, ref) {
|
|
11995
|
+
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $4f118338184dc1d9$export$e2509388b49734e7);
|
|
11996
|
+
let ElementType = props.href && !props.isDisabled ? 'a' : 'span';
|
|
11997
|
+
let { linkProps: linkProps, isPressed: isPressed } = ($298d61e98472621b$export$dcf14c9974fe2767)({
|
|
11998
|
+
...props,
|
|
11999
|
+
elementType: ElementType
|
|
12000
|
+
}, ref);
|
|
12001
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)(props);
|
|
12002
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = ($f7dceffc5ad7768b$export$4e328f61c538687f)();
|
|
12003
|
+
let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
12004
|
+
...props,
|
|
12005
|
+
defaultClassName: 'react-aria-Link',
|
|
12006
|
+
values: {
|
|
12007
|
+
isCurrent: !!props['aria-current'],
|
|
12008
|
+
isDisabled: props.isDisabled || false,
|
|
12009
|
+
isPressed: isPressed,
|
|
12010
|
+
isHovered: isHovered,
|
|
12011
|
+
isFocused: isFocused,
|
|
12012
|
+
isFocusVisible: isFocusVisible
|
|
12013
|
+
}
|
|
12014
|
+
});
|
|
12015
|
+
return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
|
|
12016
|
+
ref: ref,
|
|
12017
|
+
slot: props.slot || undefined,
|
|
12018
|
+
...($3ef42575df84b30b$export$9d1611c77c2fe928)(renderProps, linkProps, hoverProps, focusProps),
|
|
12019
|
+
"data-focused": isFocused || undefined,
|
|
12020
|
+
"data-hovered": isHovered || undefined,
|
|
12021
|
+
"data-pressed": isPressed || undefined,
|
|
12022
|
+
"data-focus-visible": isFocusVisible || undefined,
|
|
12023
|
+
"data-current": !!props['aria-current'] || undefined,
|
|
12024
|
+
"data-disabled": props.isDisabled || undefined
|
|
12025
|
+
}, renderProps.children);
|
|
12026
|
+
}
|
|
12027
|
+
/**
|
|
12028
|
+
* A link allows a user to navigate to another page or resource within a web page
|
|
12029
|
+
* or application.
|
|
12030
|
+
*/ const $4f118338184dc1d9$export$a6c7ac8248d6e38a = /*#__PURE__*/ ($dbSRa$react.forwardRef)($4f118338184dc1d9$var$Link);
|
|
12031
|
+
|
|
12032
|
+
/*
|
|
12033
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
12034
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
12035
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
12036
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
12037
|
+
*
|
|
12038
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
12039
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
12040
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
12041
|
+
* governing permissions and limitations under the License.
|
|
12042
|
+
*/
|
|
12043
|
+
|
|
12044
|
+
|
|
11925
12045
|
const $01b77f81d0f07f68$export$75b6ee27786ba447 = /*#__PURE__*/ ($dbSRa$react.createContext)({});
|
|
11926
12046
|
function $01b77f81d0f07f68$var$Label(props, ref) {
|
|
11927
12047
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $01b77f81d0f07f68$export$75b6ee27786ba447);
|
|
@@ -11997,7 +12117,7 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
|
|
|
11997
12117
|
isFocused: isFocused,
|
|
11998
12118
|
isFocusVisible: isFocusVisible,
|
|
11999
12119
|
isDisabled: props.isDisabled || false,
|
|
12000
|
-
isPending: isPending !== null && isPending !==
|
|
12120
|
+
isPending: isPending !== null && isPending !== undefined ? isPending : false
|
|
12001
12121
|
};
|
|
12002
12122
|
let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
12003
12123
|
...props,
|
|
@@ -12149,7 +12269,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12149
12269
|
invalidValues.current = s;
|
|
12150
12270
|
validation.updateValidation(($e5be200c675c3b3a$export$75ee7c75d68f5b0e)(...s.values()));
|
|
12151
12271
|
},
|
|
12152
|
-
validationState: (_props_validationState = props.validationState) !== null && _props_validationState !==
|
|
12272
|
+
validationState: (_props_validationState = props.validationState) !== null && _props_validationState !== undefined ? _props_validationState : isInvalid ? 'invalid' : null,
|
|
12153
12273
|
isInvalid: isInvalid,
|
|
12154
12274
|
isRequired: isRequired
|
|
12155
12275
|
};
|
|
@@ -12179,12 +12299,12 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12179
12299
|
getKeyBefore(key) {
|
|
12180
12300
|
let node = this.keyMap.get(key);
|
|
12181
12301
|
var _node_prevKey;
|
|
12182
|
-
return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !==
|
|
12302
|
+
return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !== undefined ? _node_prevKey : null : null;
|
|
12183
12303
|
}
|
|
12184
12304
|
getKeyAfter(key) {
|
|
12185
12305
|
let node = this.keyMap.get(key);
|
|
12186
12306
|
var _node_nextKey;
|
|
12187
|
-
return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !==
|
|
12307
|
+
return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !== undefined ? _node_nextKey : null : null;
|
|
12188
12308
|
}
|
|
12189
12309
|
getFirstKey() {
|
|
12190
12310
|
return this.firstKey;
|
|
@@ -12194,7 +12314,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12194
12314
|
}
|
|
12195
12315
|
getItem(key) {
|
|
12196
12316
|
var _this_keyMap_get;
|
|
12197
|
-
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !==
|
|
12317
|
+
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== undefined ? _this_keyMap_get : null;
|
|
12198
12318
|
}
|
|
12199
12319
|
at(idx) {
|
|
12200
12320
|
const keys = [
|
|
@@ -12204,7 +12324,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12204
12324
|
}
|
|
12205
12325
|
getChildren(key) {
|
|
12206
12326
|
let node = this.keyMap.get(key);
|
|
12207
|
-
return (node === null || node ===
|
|
12327
|
+
return (node === null || node === undefined ? undefined : node.childNodes) || [];
|
|
12208
12328
|
}
|
|
12209
12329
|
constructor(nodes){
|
|
12210
12330
|
this.keyMap = new Map();
|
|
@@ -12233,7 +12353,7 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12233
12353
|
last.nextKey = undefined;
|
|
12234
12354
|
}
|
|
12235
12355
|
var _last_key;
|
|
12236
|
-
this.lastKey = (_last_key = last === null || last ===
|
|
12356
|
+
this.lastKey = (_last_key = last === null || last === undefined ? undefined : last.key) !== null && _last_key !== undefined ? _last_key : null;
|
|
12237
12357
|
}
|
|
12238
12358
|
}
|
|
12239
12359
|
|
|
@@ -12251,11 +12371,11 @@ function $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {
|
|
|
12251
12371
|
constructor(keys, anchorKey, currentKey){
|
|
12252
12372
|
super(keys);
|
|
12253
12373
|
if (keys instanceof $e40ea825a81a3709$export$52baac22726c72bf) {
|
|
12254
|
-
this.anchorKey = anchorKey !== null && anchorKey !==
|
|
12255
|
-
this.currentKey = currentKey !== null && currentKey !==
|
|
12374
|
+
this.anchorKey = anchorKey !== null && anchorKey !== undefined ? anchorKey : keys.anchorKey;
|
|
12375
|
+
this.currentKey = currentKey !== null && currentKey !== undefined ? currentKey : keys.currentKey;
|
|
12256
12376
|
} else {
|
|
12257
|
-
this.anchorKey = anchorKey !== null && anchorKey !==
|
|
12258
|
-
this.currentKey = currentKey !== null && currentKey !==
|
|
12377
|
+
this.anchorKey = anchorKey !== null && anchorKey !== undefined ? anchorKey : null;
|
|
12378
|
+
this.currentKey = currentKey !== null && currentKey !== undefined ? currentKey : null;
|
|
12259
12379
|
}
|
|
12260
12380
|
}
|
|
12261
12381
|
}
|
|
@@ -12447,7 +12567,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12447
12567
|
if (!first || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, first) < 0) first = item;
|
|
12448
12568
|
}
|
|
12449
12569
|
var _first_key;
|
|
12450
|
-
return (_first_key = first === null || first ===
|
|
12570
|
+
return (_first_key = first === null || first === undefined ? undefined : first.key) !== null && _first_key !== undefined ? _first_key : null;
|
|
12451
12571
|
}
|
|
12452
12572
|
get lastSelectedKey() {
|
|
12453
12573
|
let last = null;
|
|
@@ -12456,7 +12576,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12456
12576
|
if (!last || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, last) > 0) last = item;
|
|
12457
12577
|
}
|
|
12458
12578
|
var _last_key;
|
|
12459
|
-
return (_last_key = last === null || last ===
|
|
12579
|
+
return (_last_key = last === null || last === undefined ? undefined : last.key) !== null && _last_key !== undefined ? _last_key : null;
|
|
12460
12580
|
}
|
|
12461
12581
|
get disabledKeys() {
|
|
12462
12582
|
return this.state.disabledKeys;
|
|
@@ -12482,10 +12602,10 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12482
12602
|
else {
|
|
12483
12603
|
let selectedKeys = this.state.selectedKeys;
|
|
12484
12604
|
var _selectedKeys_anchorKey;
|
|
12485
|
-
let anchorKey = (_selectedKeys_anchorKey = selectedKeys.anchorKey) !== null && _selectedKeys_anchorKey !==
|
|
12605
|
+
let anchorKey = (_selectedKeys_anchorKey = selectedKeys.anchorKey) !== null && _selectedKeys_anchorKey !== undefined ? _selectedKeys_anchorKey : mappedToKey;
|
|
12486
12606
|
selection = new ($e40ea825a81a3709$export$52baac22726c72bf)(selectedKeys, anchorKey, mappedToKey);
|
|
12487
12607
|
var _selectedKeys_currentKey;
|
|
12488
|
-
for (let key of this.getKeyRange(anchorKey, (_selectedKeys_currentKey = selectedKeys.currentKey) !== null && _selectedKeys_currentKey !==
|
|
12608
|
+
for (let key of this.getKeyRange(anchorKey, (_selectedKeys_currentKey = selectedKeys.currentKey) !== null && _selectedKeys_currentKey !== undefined ? _selectedKeys_currentKey : mappedToKey))selection.delete(key);
|
|
12489
12609
|
for (let key of this.getKeyRange(mappedToKey, anchorKey))if (this.canSelectItem(key)) selection.add(key);
|
|
12490
12610
|
}
|
|
12491
12611
|
this.state.setSelectedKeys(selection);
|
|
@@ -12501,7 +12621,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12501
12621
|
}
|
|
12502
12622
|
getKeyRangeInternal(from, to) {
|
|
12503
12623
|
var _this_layoutDelegate;
|
|
12504
|
-
if ((_this_layoutDelegate = this.layoutDelegate) === null || _this_layoutDelegate ===
|
|
12624
|
+
if ((_this_layoutDelegate = this.layoutDelegate) === null || _this_layoutDelegate === undefined ? undefined : _this_layoutDelegate.getKeyRange) return this.layoutDelegate.getKeyRange(from, to);
|
|
12505
12625
|
let keys = [];
|
|
12506
12626
|
let key = from;
|
|
12507
12627
|
while(key != null){
|
|
@@ -12575,10 +12695,10 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12575
12695
|
if (this.canSelectItem(key)) {
|
|
12576
12696
|
var _getFirstItem;
|
|
12577
12697
|
let item = this.collection.getItem(key);
|
|
12578
|
-
if ((item === null || item ===
|
|
12698
|
+
if ((item === null || item === undefined ? undefined : item.type) === 'item') keys.push(key);
|
|
12579
12699
|
var _getFirstItem_key;
|
|
12580
12700
|
// Add child keys. If cell selection is allowed, then include item children too.
|
|
12581
|
-
if ((item === null || item ===
|
|
12701
|
+
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);
|
|
12582
12702
|
}
|
|
12583
12703
|
key = this.collection.getKeyAfter(key);
|
|
12584
12704
|
}
|
|
@@ -12630,28 +12750,28 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
|
|
|
12630
12750
|
var _item_props;
|
|
12631
12751
|
if (this.state.selectionMode === 'none' || this.state.disabledKeys.has(key)) return false;
|
|
12632
12752
|
let item = this.collection.getItem(key);
|
|
12633
|
-
if (!item || (item === null || item ===
|
|
12753
|
+
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;
|
|
12634
12754
|
return true;
|
|
12635
12755
|
}
|
|
12636
12756
|
isDisabled(key) {
|
|
12637
12757
|
var _this_collection_getItem_props, _this_collection_getItem;
|
|
12638
|
-
return this.state.disabledBehavior === 'all' && (this.state.disabledKeys.has(key) || !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem ===
|
|
12758
|
+
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));
|
|
12639
12759
|
}
|
|
12640
12760
|
isLink(key) {
|
|
12641
12761
|
var _this_collection_getItem_props, _this_collection_getItem;
|
|
12642
|
-
return !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem ===
|
|
12762
|
+
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);
|
|
12643
12763
|
}
|
|
12644
12764
|
getItemProps(key) {
|
|
12645
12765
|
var _this_collection_getItem;
|
|
12646
|
-
return (_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem ===
|
|
12766
|
+
return (_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === undefined ? undefined : _this_collection_getItem.props;
|
|
12647
12767
|
}
|
|
12648
12768
|
constructor(collection, state, options){
|
|
12649
12769
|
this.collection = collection;
|
|
12650
12770
|
this.state = state;
|
|
12651
12771
|
var _options_allowsCellSelection;
|
|
12652
|
-
this.allowsCellSelection = (_options_allowsCellSelection = options === null || options ===
|
|
12772
|
+
this.allowsCellSelection = (_options_allowsCellSelection = options === null || options === undefined ? undefined : options.allowsCellSelection) !== null && _options_allowsCellSelection !== undefined ? _options_allowsCellSelection : false;
|
|
12653
12773
|
this._isSelectAll = null;
|
|
12654
|
-
this.layoutDelegate = (options === null || options ===
|
|
12774
|
+
this.layoutDelegate = (options === null || options === undefined ? undefined : options.layoutDelegate) || null;
|
|
12655
12775
|
}
|
|
12656
12776
|
}
|
|
12657
12777
|
|
|
@@ -12700,18 +12820,18 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
|
|
|
12700
12820
|
...cachedCollection.current.getKeys()
|
|
12701
12821
|
].map((key)=>{
|
|
12702
12822
|
const itemNode = cachedCollection.current.getItem(key);
|
|
12703
|
-
return (itemNode === null || itemNode ===
|
|
12823
|
+
return (itemNode === null || itemNode === undefined ? undefined : itemNode.type) === 'item' ? itemNode : null;
|
|
12704
12824
|
}).filter((node)=>node !== null);
|
|
12705
12825
|
const itemNodes = [
|
|
12706
12826
|
...collection.getKeys()
|
|
12707
12827
|
].map((key)=>{
|
|
12708
12828
|
const itemNode = collection.getItem(key);
|
|
12709
|
-
return (itemNode === null || itemNode ===
|
|
12829
|
+
return (itemNode === null || itemNode === undefined ? undefined : itemNode.type) === 'item' ? itemNode : null;
|
|
12710
12830
|
}).filter((node)=>node !== null);
|
|
12711
12831
|
var _cachedItemNodes_length, _itemNodes_length;
|
|
12712
|
-
const diff = ((_cachedItemNodes_length = cachedItemNodes === null || cachedItemNodes ===
|
|
12832
|
+
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);
|
|
12713
12833
|
var _startItem_index, _startItem_index1, _itemNodes_length1;
|
|
12714
|
-
let index = Math.min(diff > 1 ? Math.max(((_startItem_index = startItem === null || startItem ===
|
|
12834
|
+
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);
|
|
12715
12835
|
let newNode = null;
|
|
12716
12836
|
let isReverseSearching = false;
|
|
12717
12837
|
while(index >= 0){
|
|
@@ -12724,7 +12844,7 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
|
|
|
12724
12844
|
else {
|
|
12725
12845
|
isReverseSearching = true;
|
|
12726
12846
|
var _startItem_index2, _startItem_index3;
|
|
12727
|
-
if (index > ((_startItem_index2 = startItem === null || startItem ===
|
|
12847
|
+
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;
|
|
12728
12848
|
index--;
|
|
12729
12849
|
}
|
|
12730
12850
|
}
|
|
@@ -12759,7 +12879,7 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
|
|
|
12759
12879
|
|
|
12760
12880
|
function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
|
|
12761
12881
|
var _props_defaultSelectedKey;
|
|
12762
|
-
let [selectedKey, setSelectedKey] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !==
|
|
12882
|
+
let [selectedKey, setSelectedKey] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== undefined ? _props_defaultSelectedKey : null, props.onSelectionChange);
|
|
12763
12883
|
let selectedKeys = ($dbSRa$react.useMemo)(()=>selectedKey != null ? [
|
|
12764
12884
|
selectedKey
|
|
12765
12885
|
] : [], [
|
|
@@ -12775,7 +12895,7 @@ function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
|
|
|
12775
12895
|
// impossible, but TS doesn't know that
|
|
12776
12896
|
if (keys === 'all') return;
|
|
12777
12897
|
var _keys_values_next_value;
|
|
12778
|
-
let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !==
|
|
12898
|
+
let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== undefined ? _keys_values_next_value : null;
|
|
12779
12899
|
// Always fire onSelectionChange, even if the key is the same
|
|
12780
12900
|
// as the current key (useControlledState does not).
|
|
12781
12901
|
if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);
|
|
@@ -12992,7 +13112,7 @@ function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
|
|
|
12992
13112
|
props.name
|
|
12993
13113
|
]);
|
|
12994
13114
|
var _props_defaultValue;
|
|
12995
|
-
let [selectedValue, setSelected] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !==
|
|
13115
|
+
let [selectedValue, setSelected] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== undefined ? _props_defaultValue : null, props.onChange);
|
|
12996
13116
|
let [lastFocusedValue, setLastFocusedValue] = ($dbSRa$react.useState)(null);
|
|
12997
13117
|
let validation = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
|
|
12998
13118
|
...props,
|
|
@@ -13196,7 +13316,7 @@ function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
|
|
|
13196
13316
|
const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /*#__PURE__*/ ($dbSRa$react.createContext)(null);
|
|
13197
13317
|
function $ee014567cb39d3f0$var$FieldError(props, ref) {
|
|
13198
13318
|
let validation = ($dbSRa$react.useContext)($ee014567cb39d3f0$export$ff05c3ac10437e03);
|
|
13199
|
-
if (!(validation === null || validation ===
|
|
13319
|
+
if (!(validation === null || validation === undefined ? undefined : validation.isInvalid)) return null;
|
|
13200
13320
|
return /*#__PURE__*/ ($dbSRa$react).createElement($ee014567cb39d3f0$var$FieldErrorInner, {
|
|
13201
13321
|
...props,
|
|
13202
13322
|
ref: ref
|
|
@@ -13251,7 +13371,7 @@ function $d3e0e05bdfcf66bd$var$Form(props, ref) {
|
|
|
13251
13371
|
validationBehavior: validationBehavior
|
|
13252
13372
|
}
|
|
13253
13373
|
}, /*#__PURE__*/ ($dbSRa$react).createElement(($e5be200c675c3b3a$export$571b5131b7e65c11).Provider, {
|
|
13254
|
-
value: validationErrors !== null && validationErrors !==
|
|
13374
|
+
value: validationErrors !== null && validationErrors !== undefined ? validationErrors : {}
|
|
13255
13375
|
}, children)));
|
|
13256
13376
|
}
|
|
13257
13377
|
/**
|
|
@@ -13285,7 +13405,7 @@ function $bc237834342dbd75$var$CheckboxGroup(props, ref) {
|
|
|
13285
13405
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);
|
|
13286
13406
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
13287
13407
|
var _props_validationBehavior, _ref;
|
|
13288
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
13408
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
13289
13409
|
let state = ($587d3ad58be6d31f$export$daff6da51032a415)({
|
|
13290
13410
|
...props,
|
|
13291
13411
|
validationBehavior: validationBehavior
|
|
@@ -13351,7 +13471,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
|
|
|
13351
13471
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(otherProps, ref, ($4e85f108e88277b8$export$b085522c77523c51));
|
|
13352
13472
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
13353
13473
|
var _props_validationBehavior, _ref;
|
|
13354
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
13474
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
13355
13475
|
let groupState = ($dbSRa$react.useContext)($bc237834342dbd75$export$139c5b8563afc1fc);
|
|
13356
13476
|
let inputRef = ($df56164dff5785e2$export$4338b53315abf666)(($5dc95899b306f630$export$c9058316764c140e)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null));
|
|
13357
13477
|
let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? ($fba3e38d5ca8983f$export$353b32fc6898d37d)({
|
|
@@ -13840,32 +13960,32 @@ function $612b8eb6cb90e02d$var$DropIndicator(props, ref) {
|
|
|
13840
13960
|
*/ const $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 = /*#__PURE__*/ ($dbSRa$react.forwardRef)($612b8eb6cb90e02d$var$DropIndicator);
|
|
13841
13961
|
function $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState) {
|
|
13842
13962
|
var _dragAndDropHooks_isVirtualDragging;
|
|
13843
|
-
let renderDropIndicator = dragAndDropHooks === null || dragAndDropHooks ===
|
|
13844
|
-
let isVirtualDragging = dragAndDropHooks === null || dragAndDropHooks ===
|
|
13963
|
+
let renderDropIndicator = dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.renderDropIndicator;
|
|
13964
|
+
let isVirtualDragging = dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === undefined ? undefined : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks);
|
|
13845
13965
|
let fn = ($dbSRa$react.useCallback)((target)=>{
|
|
13846
13966
|
// Only show drop indicators when virtual dragging or this is the current drop target.
|
|
13847
|
-
if (isVirtualDragging || (dropState === null || dropState ===
|
|
13967
|
+
if (isVirtualDragging || (dropState === null || dropState === undefined ? undefined : dropState.isDropTarget(target))) return renderDropIndicator ? renderDropIndicator(target) : /*#__PURE__*/ ($dbSRa$react).createElement($612b8eb6cb90e02d$export$62ed72bc21f6b8a6, {
|
|
13848
13968
|
target: target
|
|
13849
13969
|
});
|
|
13850
13970
|
// We invalidate whenever the target changes.
|
|
13851
13971
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13852
13972
|
}, [
|
|
13853
|
-
dropState === null || dropState ===
|
|
13973
|
+
dropState === null || dropState === undefined ? undefined : dropState.target,
|
|
13854
13974
|
isVirtualDragging,
|
|
13855
13975
|
renderDropIndicator
|
|
13856
13976
|
]);
|
|
13857
|
-
return (dragAndDropHooks === null || dragAndDropHooks ===
|
|
13977
|
+
return (dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.useDropIndicator) ? fn : undefined;
|
|
13858
13978
|
}
|
|
13859
13979
|
function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState) {
|
|
13860
13980
|
var _dragAndDropHooks_isVirtualDragging, _dropState_target;
|
|
13861
13981
|
// Persist the focused key and the drop target key.
|
|
13862
13982
|
let focusedKey = selectionManager.focusedKey;
|
|
13863
13983
|
let dropTargetKey = null;
|
|
13864
|
-
if ((dragAndDropHooks === null || dragAndDropHooks ===
|
|
13984
|
+
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') {
|
|
13865
13985
|
dropTargetKey = dropState.target.key;
|
|
13866
13986
|
var _dropState_collection_getKeyAfter;
|
|
13867
13987
|
if (dropState.target.dropPosition === 'after') // Normalize to the "before" drop position since we only render those to the DOM.
|
|
13868
|
-
dropTargetKey = (_dropState_collection_getKeyAfter = dropState.collection.getKeyAfter(dropTargetKey)) !== null && _dropState_collection_getKeyAfter !==
|
|
13988
|
+
dropTargetKey = (_dropState_collection_getKeyAfter = dropState.collection.getKeyAfter(dropTargetKey)) !== null && _dropState_collection_getKeyAfter !== undefined ? _dropState_collection_getKeyAfter : dropTargetKey;
|
|
13869
13989
|
}
|
|
13870
13990
|
return ($dbSRa$react.useMemo)(()=>{
|
|
13871
13991
|
return new Set([
|
|
@@ -13986,8 +14106,8 @@ function $eed445e0843c11d0$var$StandaloneListBox({ props: props, listBoxRef: lis
|
|
|
13986
14106
|
function $eed445e0843c11d0$var$ListBoxInner({ state: state, props: props, listBoxRef: listBoxRef }) {
|
|
13987
14107
|
let { dragAndDropHooks: dragAndDropHooks, layout: layout = 'stack', orientation: orientation = 'vertical' } = props;
|
|
13988
14108
|
let { collection: collection, selectionManager: selectionManager } = state;
|
|
13989
|
-
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks ===
|
|
13990
|
-
let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks ===
|
|
14109
|
+
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.useDraggableCollectionState);
|
|
14110
|
+
let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === undefined ? undefined : dragAndDropHooks.useDroppableCollectionState);
|
|
13991
14111
|
let { direction: direction } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
|
|
13992
14112
|
let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = selectionManager;
|
|
13993
14113
|
let collator = ($325a3faab7a68acd$export$a16aca283550c30d)({
|
|
@@ -14093,7 +14213,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state, props: props, listBo
|
|
|
14093
14213
|
}, props.renderEmptyState(renderValues));
|
|
14094
14214
|
return /*#__PURE__*/ ($dbSRa$react).createElement(($9bf71ea28793e738$export$20e40289641fbbb6), null, /*#__PURE__*/ ($dbSRa$react).createElement("div", {
|
|
14095
14215
|
...($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props),
|
|
14096
|
-
...($3ef42575df84b30b$export$9d1611c77c2fe928)(listBoxProps, focusProps, droppableCollection === null || droppableCollection ===
|
|
14216
|
+
...($3ef42575df84b30b$export$9d1611c77c2fe928)(listBoxProps, focusProps, droppableCollection === null || droppableCollection === undefined ? undefined : droppableCollection.collectionProps),
|
|
14097
14217
|
...renderProps,
|
|
14098
14218
|
ref: listBoxRef,
|
|
14099
14219
|
slot: props.slot || undefined,
|
|
@@ -14157,7 +14277,7 @@ function $eed445e0843c11d0$var$ListBoxSection(props, ref, section, className = '
|
|
|
14157
14277
|
var _props_arialabel;
|
|
14158
14278
|
let { headingProps: headingProps, groupProps: groupProps } = ($af383d3bef1cfdc9$export$c3f9f39876e4bc7)({
|
|
14159
14279
|
heading: heading,
|
|
14160
|
-
'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !==
|
|
14280
|
+
'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== undefined ? _props_arialabel : undefined
|
|
14161
14281
|
});
|
|
14162
14282
|
let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
14163
14283
|
defaultClassName: className,
|
|
@@ -14190,7 +14310,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
|
|
|
14190
14310
|
let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = ($dbSRa$react.useContext)(($612b8eb6cb90e02d$export$d188a835a7bc5783));
|
|
14191
14311
|
let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, ...states } = ($293f70390ea03370$export$497855f14858aa34)({
|
|
14192
14312
|
key: item.key,
|
|
14193
|
-
'aria-label': props === null || props ===
|
|
14313
|
+
'aria-label': props === null || props === undefined ? undefined : props['aria-label']
|
|
14194
14314
|
}, state, ref);
|
|
14195
14315
|
let { hoverProps: hoverProps, isHovered: isHovered } = ($6179b936705e76d3$export$ae780daf29e6d456)({
|
|
14196
14316
|
isDisabled: !states.allowsSelection && !states.hasAction,
|
|
@@ -14223,7 +14343,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
|
|
|
14223
14343
|
selectionBehavior: state.selectionManager.selectionBehavior,
|
|
14224
14344
|
allowsDragging: !!dragState,
|
|
14225
14345
|
isDragging: isDragging,
|
|
14226
|
-
isDropTarget: droppableItem === null || droppableItem ===
|
|
14346
|
+
isDropTarget: droppableItem === null || droppableItem === undefined ? undefined : droppableItem.isDropTarget
|
|
14227
14347
|
}
|
|
14228
14348
|
});
|
|
14229
14349
|
($dbSRa$react.useEffect)(()=>{
|
|
@@ -14233,7 +14353,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
|
|
|
14233
14353
|
]);
|
|
14234
14354
|
let ElementType = props.href ? 'a' : 'div';
|
|
14235
14355
|
return /*#__PURE__*/ ($dbSRa$react).createElement(ElementType, {
|
|
14236
|
-
...($3ef42575df84b30b$export$9d1611c77c2fe928)(optionProps, hoverProps, draggableItem === null || draggableItem ===
|
|
14356
|
+
...($3ef42575df84b30b$export$9d1611c77c2fe928)(optionProps, hoverProps, draggableItem === null || draggableItem === undefined ? undefined : draggableItem.dragProps, droppableItem === null || droppableItem === undefined ? undefined : droppableItem.dropProps),
|
|
14237
14357
|
...renderProps,
|
|
14238
14358
|
ref: ref,
|
|
14239
14359
|
"data-allows-dragging": !!dragState || undefined,
|
|
@@ -14244,7 +14364,7 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ ($e1995378a142960
|
|
|
14244
14364
|
"data-focus-visible": states.isFocusVisible || undefined,
|
|
14245
14365
|
"data-pressed": states.isPressed || undefined,
|
|
14246
14366
|
"data-dragging": isDragging || undefined,
|
|
14247
|
-
"data-drop-target": (droppableItem === null || droppableItem ===
|
|
14367
|
+
"data-drop-target": (droppableItem === null || droppableItem === undefined ? undefined : droppableItem.isDropTarget) || undefined,
|
|
14248
14368
|
"data-selection-mode": state.selectionManager.selectionMode === 'none' ? undefined : state.selectionManager.selectionMode
|
|
14249
14369
|
}, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
14250
14370
|
values: [
|
|
@@ -14405,7 +14525,7 @@ function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting
|
|
|
14405
14525
|
var _props_offset;
|
|
14406
14526
|
let { popoverProps: popoverProps, underlayProps: underlayProps, arrowProps: arrowProps, placement: placement } = ($f2f8a6077418541e$export$542a6fd13ac93354)({
|
|
14407
14527
|
...props,
|
|
14408
|
-
offset: (_props_offset = props.offset) !== null && _props_offset !==
|
|
14528
|
+
offset: (_props_offset = props.offset) !== null && _props_offset !== undefined ? _props_offset : 8,
|
|
14409
14529
|
arrowSize: arrowWidth
|
|
14410
14530
|
}, state);
|
|
14411
14531
|
let ref = props.popoverRef;
|
|
@@ -14546,7 +14666,7 @@ function $de32f1b87079253c$var$Dialog(props, ref) {
|
|
|
14546
14666
|
style: props.style,
|
|
14547
14667
|
children: props.children,
|
|
14548
14668
|
values: {
|
|
14549
|
-
close: (state === null || state ===
|
|
14669
|
+
close: (state === null || state === undefined ? undefined : state.close) || (()=>{})
|
|
14550
14670
|
}
|
|
14551
14671
|
});
|
|
14552
14672
|
return /*#__PURE__*/ ($dbSRa$react).createElement("section", {
|
|
@@ -14575,7 +14695,7 @@ function $de32f1b87079253c$var$Dialog(props, ref) {
|
|
|
14575
14695
|
slots: {
|
|
14576
14696
|
[($64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
|
|
14577
14697
|
close: {
|
|
14578
|
-
onPress: ()=>state === null || state ===
|
|
14698
|
+
onPress: ()=>state === null || state === undefined ? undefined : state.close()
|
|
14579
14699
|
}
|
|
14580
14700
|
}
|
|
14581
14701
|
}
|
|
@@ -14647,11 +14767,11 @@ function $28f4fd908f0de97f$var$Disclosure(props, ref) {
|
|
|
14647
14767
|
onExpandedChange (isExpanded) {
|
|
14648
14768
|
var _props_onExpandedChange;
|
|
14649
14769
|
if (groupState) groupState.toggleKey(id);
|
|
14650
|
-
(_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange ===
|
|
14770
|
+
(_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === undefined ? undefined : _props_onExpandedChange.call(props, isExpanded);
|
|
14651
14771
|
}
|
|
14652
14772
|
});
|
|
14653
14773
|
let panelRef = ($dbSRa$react).useRef(null);
|
|
14654
|
-
let isDisabled = props.isDisabled || (groupState === null || groupState ===
|
|
14774
|
+
let isDisabled = props.isDisabled || (groupState === null || groupState === undefined ? undefined : groupState.isDisabled) || false;
|
|
14655
14775
|
let { buttonProps: buttonProps, panelProps: panelProps } = ($5e910fae8e128ead$export$6e3e27031a30522f)({
|
|
14656
14776
|
...props,
|
|
14657
14777
|
isExpanded: isExpanded,
|
|
@@ -14755,6 +14875,31 @@ function $28f4fd908f0de97f$var$DisclosurePanel(props, ref) {
|
|
|
14755
14875
|
*/
|
|
14756
14876
|
|
|
14757
14877
|
|
|
14878
|
+
function $5cb03073d3f54797$var$Heading(props, ref) {
|
|
14879
|
+
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, ($4e85f108e88277b8$export$d688439359537581));
|
|
14880
|
+
let { children: children, level: level = 3, className: className, ...domProps } = props;
|
|
14881
|
+
let Element = `h${level}`;
|
|
14882
|
+
return /*#__PURE__*/ ($dbSRa$react).createElement(Element, {
|
|
14883
|
+
...domProps,
|
|
14884
|
+
ref: ref,
|
|
14885
|
+
className: className !== null && className !== undefined ? className : 'react-aria-Heading'
|
|
14886
|
+
}, children);
|
|
14887
|
+
}
|
|
14888
|
+
const $5cb03073d3f54797$export$a8a3e93435678ff9 = /*#__PURE__*/ ($dbSRa$react.forwardRef)($5cb03073d3f54797$var$Heading);
|
|
14889
|
+
|
|
14890
|
+
/*
|
|
14891
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
14892
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
14893
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
14894
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
14895
|
+
*
|
|
14896
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
14897
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
14898
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
14899
|
+
* governing permissions and limitations under the License.
|
|
14900
|
+
*/
|
|
14901
|
+
|
|
14902
|
+
|
|
14758
14903
|
|
|
14759
14904
|
|
|
14760
14905
|
|
|
@@ -14908,7 +15053,7 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
|
|
|
14908
15053
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b6c3ddc6086f204d$export$a79eda4ff50e30b6);
|
|
14909
15054
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
14910
15055
|
var _props_validationBehavior, _ref;
|
|
14911
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
15056
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
14912
15057
|
let state = ($a54cdc5c1942b639$export$bca9d026f8e704eb)({
|
|
14913
15058
|
...props,
|
|
14914
15059
|
validationBehavior: validationBehavior
|
|
@@ -15088,7 +15233,7 @@ function $82d7e5349645de74$var$Select(props, ref) {
|
|
|
15088
15233
|
function $82d7e5349645de74$var$SelectInner({ props: props, selectRef: ref, collection: collection }) {
|
|
15089
15234
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
15090
15235
|
var _props_validationBehavior, _ref;
|
|
15091
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
15236
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
15092
15237
|
let state = ($2bc3a590c5373a4e$export$5159ec8b34d4ec12)({
|
|
15093
15238
|
...props,
|
|
15094
15239
|
collection: collection,
|
|
@@ -15242,7 +15387,7 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
|
|
|
15242
15387
|
let state = ($dbSRa$react.useContext)($82d7e5349645de74$export$ef445b55be0601bd);
|
|
15243
15388
|
let { placeholder: placeholder } = ($64fa3d84918910a7$export$fabf2dc03a41866e)($82d7e5349645de74$export$7540cee5be7dc19b);
|
|
15244
15389
|
let selectedItem = state.selectedKey != null ? state.collection.getItem(state.selectedKey) : null;
|
|
15245
|
-
let rendered = selectedItem === null || selectedItem ===
|
|
15390
|
+
let rendered = selectedItem === null || selectedItem === undefined ? undefined : selectedItem.props.children;
|
|
15246
15391
|
if (typeof rendered === 'function') {
|
|
15247
15392
|
// If the selected item has a function as a child, we need to call it to render to React.JSX.
|
|
15248
15393
|
let fn = rendered;
|
|
@@ -15261,11 +15406,11 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
|
|
|
15261
15406
|
var _ref, _state_selectedItem_value, _state_selectedItem_textValue;
|
|
15262
15407
|
let renderProps = ($64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
15263
15408
|
...props,
|
|
15264
|
-
defaultChildren: (_ref = rendered !== null && rendered !==
|
|
15409
|
+
defaultChildren: (_ref = rendered !== null && rendered !== undefined ? rendered : placeholder) !== null && _ref !== undefined ? _ref : stringFormatter.format('selectPlaceholder'),
|
|
15265
15410
|
defaultClassName: 'react-aria-SelectValue',
|
|
15266
15411
|
values: {
|
|
15267
|
-
selectedItem: (_state_selectedItem_value = (_state_selectedItem = state.selectedItem) === null || _state_selectedItem ===
|
|
15268
|
-
selectedText: (_state_selectedItem_textValue = (_state_selectedItem1 = state.selectedItem) === null || _state_selectedItem1 ===
|
|
15412
|
+
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,
|
|
15413
|
+
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,
|
|
15269
15414
|
isPlaceholder: !selectedItem
|
|
15270
15415
|
}
|
|
15271
15416
|
});
|
|
@@ -15411,7 +15556,7 @@ function $eaf9e70818b436db$var$TagGroupInner({ props: props, forwardedRef: ref,
|
|
|
15411
15556
|
...domProps,
|
|
15412
15557
|
ref: ref,
|
|
15413
15558
|
slot: props.slot || undefined,
|
|
15414
|
-
className: (_props_className = props.className) !== null && _props_className !==
|
|
15559
|
+
className: (_props_className = props.className) !== null && _props_className !== undefined ? _props_className : 'react-aria-TagGroup',
|
|
15415
15560
|
style: props.style
|
|
15416
15561
|
}, /*#__PURE__*/ ($dbSRa$react).createElement(($64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
15417
15562
|
values: [
|
|
@@ -15624,7 +15769,7 @@ function $bcdf0525bf22703d$var$TextField(props, ref) {
|
|
|
15624
15769
|
[props, ref] = ($64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bcdf0525bf22703d$export$2129e27b3ef0d483);
|
|
15625
15770
|
let { validationBehavior: formValidationBehavior } = ($64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
|
|
15626
15771
|
var _props_validationBehavior, _ref;
|
|
15627
|
-
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !==
|
|
15772
|
+
let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== undefined ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== undefined ? _ref : 'native';
|
|
15628
15773
|
let inputRef = ($dbSRa$react.useRef)(null);
|
|
15629
15774
|
let [labelRef, label] = ($64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
15630
15775
|
let [inputElementType, setInputElementType] = ($dbSRa$react.useState)('input');
|
|
@@ -15809,7 +15954,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
|
|
|
15809
15954
|
...overlayProps.style,
|
|
15810
15955
|
...renderProps.style
|
|
15811
15956
|
},
|
|
15812
|
-
"data-placement": placement !== null && placement !==
|
|
15957
|
+
"data-placement": placement !== null && placement !== undefined ? placement : undefined,
|
|
15813
15958
|
"data-entering": isEntering || undefined,
|
|
15814
15959
|
"data-exiting": props.isExiting || undefined
|
|
15815
15960
|
}, /*#__PURE__*/ ($dbSRa$react).createElement(($44f671af83e7d9e0$export$2de4954e8ae13b9f).Provider, {
|
|
@@ -15821,11 +15966,11 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
|
|
|
15821
15966
|
}, renderProps.children));
|
|
15822
15967
|
}
|
|
15823
15968
|
|
|
15824
|
-
var css_248z$
|
|
15825
|
-
styleInject(css_248z$
|
|
15969
|
+
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";
|
|
15970
|
+
styleInject(css_248z$q);
|
|
15826
15971
|
|
|
15827
|
-
var css_248z$
|
|
15828
|
-
styleInject(css_248z$
|
|
15972
|
+
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";
|
|
15973
|
+
styleInject(css_248z$p);
|
|
15829
15974
|
|
|
15830
15975
|
function Button({ size = "medium", variant = "primary", danger = false, isIconButton = false, ...props }) {
|
|
15831
15976
|
return (jsxRuntime.jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: `bcds-react-aria-Button ${size} ${variant} ${danger ? "danger" : ""} ${isIconButton ? "icon" : ""}`, ...props }));
|
|
@@ -15845,8 +15990,8 @@ function Accordion({ label, children, ...props }) {
|
|
|
15845
15990
|
return (jsxRuntime.jsx($28f4fd908f0de97f$export$74a362b31437ec83, { className: `bcds-react-aria-Disclosure`, ...props, children: ({ isExpanded }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Button, { className: "bcds-react-aria-Disclosure--Button", size: "small", variant: "link", slot: "trigger", children: [label, isExpanded ? jsxRuntime.jsx(SvgChevronUpIcon, {}) : jsxRuntime.jsx(SvgChevronDownIcon, {})] }), jsxRuntime.jsx($28f4fd908f0de97f$export$feabaa331e1d464c, { className: "bcds-react-aria-Disclosure--Panel", children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) })] })) }));
|
|
15846
15991
|
}
|
|
15847
15992
|
|
|
15848
|
-
var css_248z$
|
|
15849
|
-
styleInject(css_248z$
|
|
15993
|
+
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";
|
|
15994
|
+
styleInject(css_248z$o);
|
|
15850
15995
|
|
|
15851
15996
|
function AccordionGroup({ title, titleElement, children, ...props }) {
|
|
15852
15997
|
function getTitle() {
|
|
@@ -15870,8 +16015,8 @@ function AccordionGroup({ title, titleElement, children, ...props }) {
|
|
|
15870
16015
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title && (jsxRuntime.jsx("div", { className: "bcds-react-aria-DisclosureGroup--Title", children: getTitle() })), jsxRuntime.jsx($28f4fd908f0de97f$export$944aceb4f8c89f10, { className: "bcds-react-aria-DisclosureGroup", ...props, children: children })] }));
|
|
15871
16016
|
}
|
|
15872
16017
|
|
|
15873
|
-
var css_248z$
|
|
15874
|
-
styleInject(css_248z$
|
|
16018
|
+
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";
|
|
16019
|
+
styleInject(css_248z$n);
|
|
15875
16020
|
|
|
15876
16021
|
/* The component implements the Circle Check icon from Font Awesome: https://fontawesome.com/icons/circle-check */
|
|
15877
16022
|
function SvgCheckCircleIcon({ id = "check-icon" }) {
|
|
@@ -15919,15 +16064,15 @@ function AlertBanner({ variant = "info", isIconHidden = false, isCloseable = tru
|
|
|
15919
16064
|
return (jsxRuntime.jsx("div", { className: `bcds-Alert-Banner ${variant}`, ...props, children: jsxRuntime.jsxs("div", { className: "bcds-Alert-Banner--Container", children: [" ", !isIconHidden && (jsxRuntime.jsx("span", { className: "bcds-Alert-Banner--Icon", children: customIcon ? customIcon : getIcon$2(variant) })), jsxRuntime.jsx("div", { className: "bcds-Alert-Banner--Content", role: role, children: children }), isCloseable && (jsxRuntime.jsx("span", { className: "bcds-Alert-Banner--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close this alert", type: "button", onPress: onClose, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) }))] }) }));
|
|
15920
16065
|
}
|
|
15921
16066
|
|
|
15922
|
-
var css_248z$
|
|
15923
|
-
styleInject(css_248z$
|
|
16067
|
+
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";
|
|
16068
|
+
styleInject(css_248z$m);
|
|
15924
16069
|
|
|
15925
16070
|
function ButtonGroup({ orientation = "horizontal", alignment = "start", ariaLabel, children, ...props }) {
|
|
15926
16071
|
return (jsxRuntime.jsx("div", { className: `bcds-ButtonGroup ${orientation} ${alignment}`, role: "group", "aria-label": ariaLabel, ...props, children: children }));
|
|
15927
16072
|
}
|
|
15928
16073
|
|
|
15929
|
-
var css_248z$
|
|
15930
|
-
styleInject(css_248z$
|
|
16074
|
+
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";
|
|
16075
|
+
styleInject(css_248z$l);
|
|
15931
16076
|
|
|
15932
16077
|
/* Sets correct left icon for selected variant */
|
|
15933
16078
|
function getIcon$1(variant) {
|
|
@@ -15950,8 +16095,8 @@ function AlertDialog({ children, variant = "info", role = "dialog", title, isClo
|
|
|
15950
16095
|
return (jsxRuntime.jsx($de32f1b87079253c$export$3ddf2d174ce01153, { className: `bcds-react-aria-AlertDialog ${variant}`, role: role, ...props, children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "bcds-react-aria-AlertDialog--Header", children: [!isIconHidden && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--Icon", children: getIcon$1(variant) })), title && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--Title", slot: "title", children: title })), isCloseable && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close", type: "button", onPress: close, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) }))] }), children && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--children", slot: "children", children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) })), buttons && (jsxRuntime.jsx(ButtonGroup, { alignment: "end", orientation: "horizontal", children: buttons }))] })) }));
|
|
15951
16096
|
}
|
|
15952
16097
|
|
|
15953
|
-
var css_248z$
|
|
15954
|
-
styleInject(css_248z$
|
|
16098
|
+
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";
|
|
16099
|
+
styleInject(css_248z$k);
|
|
15955
16100
|
|
|
15956
16101
|
function Callout({ variant = "lightGrey", title, description, buttons, role = "note", isLeftBorderDisabled = false, children, ...props }) {
|
|
15957
16102
|
return (jsxRuntime.jsx("div", { className: `bcds-Callout ${variant} ${isLeftBorderDisabled ? "noBorder" : ""}`, ...props, role: role, children: children ? (children) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "bcds-Callout--Container", "aria-labelledby": "callout-title", role: role, children: [title && (jsxRuntime.jsx("span", { className: "bcds-Callout--Title", id: "callout-title", children: title })), description && (jsxRuntime.jsx("span", { className: "bcds-Callout--Description", children: description })), buttons && (jsxRuntime.jsx(ButtonGroup, { alignment: "start", orientation: "horizontal", children: buttons }))] }) })) }));
|
|
@@ -15966,22 +16111,22 @@ function SvgDashIcon({ id = "dash-icon" }) {
|
|
|
15966
16111
|
return (jsxRuntime.jsx("svg", { id: id, width: "8", height: "10", viewBox: "0 0 8 2", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.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" }) }));
|
|
15967
16112
|
}
|
|
15968
16113
|
|
|
15969
|
-
var css_248z$
|
|
15970
|
-
styleInject(css_248z$
|
|
16114
|
+
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";
|
|
16115
|
+
styleInject(css_248z$j);
|
|
15971
16116
|
|
|
15972
16117
|
function Checkbox({ value, children, ...props }) {
|
|
15973
16118
|
return (jsxRuntime.jsx($bc237834342dbd75$export$48513f6b9f8ce62d, { className: "bcds-react-aria-Checkbox", value: value, ...props, children: ({ isRequired, isSelected, isIndeterminate }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "checkbox", children: [isSelected && !isIndeterminate && jsxRuntime.jsx(SvgCheckIcon, {}), isIndeterminate && jsxRuntime.jsx(SvgDashIcon, {})] }), jsxRuntime.jsxs("span", { className: "label", children: [jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }), " ", isRequired && "(required)"] })] })) }));
|
|
15974
16119
|
}
|
|
15975
16120
|
|
|
15976
|
-
var css_248z$
|
|
15977
|
-
styleInject(css_248z$
|
|
16121
|
+
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";
|
|
16122
|
+
styleInject(css_248z$i);
|
|
15978
16123
|
|
|
15979
16124
|
function CheckboxGroup({ orientation = "vertical", label, description, errorMessage, flexWrap = "nowrap", children, ...props }) {
|
|
15980
16125
|
return (jsxRuntime.jsx($bc237834342dbd75$export$4aa08d5625cb8ead, { className: `bcds-react-aria-CheckboxGroup`, ...props, children: ({ isRequired, isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsxs($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: "bcds-react-aria-CheckboxGroup--label", children: [label, " ", isRequired && "(required)"] })), jsxRuntime.jsx("div", { className: `bcds-react-aria-CheckboxGroup--options ${orientation} flex-wrap-${flexWrap}`, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) }), description && (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-CheckboxGroup--description", children: description })), isInvalid && (jsxRuntime.jsxs("div", { className: "bcds-react-aria-CheckboxGroup--error", children: [jsxRuntime.jsx(SvgExclamationIcon, {}), jsxRuntime.jsx($ee014567cb39d3f0$export$f551688fc98f2e09, { children: errorMessage })] }))] })) }));
|
|
15981
16126
|
}
|
|
15982
16127
|
|
|
15983
|
-
var css_248z$
|
|
15984
|
-
styleInject(css_248z$
|
|
16128
|
+
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";
|
|
16129
|
+
styleInject(css_248z$h);
|
|
15985
16130
|
|
|
15986
16131
|
function Dialog({ isCloseable = true, role = "dialog", children, ...props }) {
|
|
15987
16132
|
return (jsxRuntime.jsx($de32f1b87079253c$export$3ddf2d174ce01153, { className: "bcds-react-aria-Dialog", role: role, ...props, children: ({ close }) => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "bcds-react-aria-Dialog--Container", children: [isCloseable && (jsxRuntime.jsx("span", { className: "bcds-react-aria-Dialog--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close", type: "button", onPress: close, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) })), jsxRuntime.jsx(jsxRuntime.Fragment, { children: children })] }) })) }));
|
|
@@ -15992,8 +16137,8 @@ function SvgBcLogo({ id = "bcgov-logo" }) {
|
|
|
15992
16137
|
return (jsxRuntime.jsxs("svg", { id: id, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 847.65 327.01", children: [jsxRuntime.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" } }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("rect", { x: "415.4", y: "252.98", width: "314.66", height: "3.82", style: { fill: "#e3a82b", strokeWidth: "0px" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.jsxs("g", { children: [jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } }), jsxRuntime.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" } })] }), jsxRuntime.jsx("rect", { width: "847.65", height: "327.01", style: { fill: "none", strokeWidth: "0px" } })] }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("polygon", { points: "295.89 176.17 301.27 178.4 313.19 170.08 295.89 176.17", style: { fill: "#e3a82b", strokeWidth: "0px" } }), jsxRuntime.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" } })] }), jsxRuntime.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" } })] })] }));
|
|
15993
16138
|
}
|
|
15994
16139
|
|
|
15995
|
-
var css_248z$
|
|
15996
|
-
styleInject(css_248z$
|
|
16140
|
+
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";
|
|
16141
|
+
styleInject(css_248z$g);
|
|
15997
16142
|
|
|
15998
16143
|
/**
|
|
15999
16144
|
* A titled list of links for use in the Footer. Rendered inside a `<figure>`
|
|
@@ -16047,8 +16192,8 @@ function Form({ ...props }) {
|
|
|
16047
16192
|
return jsxRuntime.jsx($d3e0e05bdfcf66bd$export$a7fed597f4b8afd8, { ...props });
|
|
16048
16193
|
}
|
|
16049
16194
|
|
|
16050
|
-
var css_248z$
|
|
16051
|
-
styleInject(css_248z$
|
|
16195
|
+
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";
|
|
16196
|
+
styleInject(css_248z$f);
|
|
16052
16197
|
|
|
16053
16198
|
function Header({ children, logoLinkElement, logoImage = jsxRuntime.jsx(SvgBcLogo, { id: "bcgov-logo-header" }), skipLinks, title = "", titleElement = "span", }) {
|
|
16054
16199
|
function getLogo() {
|
|
@@ -16081,8 +16226,15 @@ function Header({ children, logoLinkElement, logoImage = jsxRuntime.jsx(SvgBcLog
|
|
|
16081
16226
|
}) })), title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "bcds-header--line" }), getTitle()] })), children] }) }));
|
|
16082
16227
|
}
|
|
16083
16228
|
|
|
16084
|
-
var css_248z$
|
|
16085
|
-
styleInject(css_248z$
|
|
16229
|
+
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";
|
|
16230
|
+
styleInject(css_248z$e);
|
|
16231
|
+
|
|
16232
|
+
function Heading({ color = "primary", isUnstyled = false, ...props }) {
|
|
16233
|
+
return (jsxRuntime.jsx($5cb03073d3f54797$export$a8a3e93435678ff9, { className: isUnstyled ? undefined : `bcds-react-aria-Heading ${color}`, ...props }));
|
|
16234
|
+
}
|
|
16235
|
+
|
|
16236
|
+
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";
|
|
16237
|
+
styleInject(css_248z$d);
|
|
16086
16238
|
|
|
16087
16239
|
function getIcon(variant) {
|
|
16088
16240
|
switch (variant) {
|
|
@@ -16102,29 +16254,40 @@ function InlineAlert({ variant = "info", title, description, isIconHidden = fals
|
|
|
16102
16254
|
return (jsxRuntime.jsxs("div", { className: `bcds-Inline-Alert ${variant} ${isCloseable ? "closeable" : null}`, ...props, children: [!isIconHidden && (jsxRuntime.jsx("span", { className: "bcds-Inline-Alert--icon", children: getIcon(variant) })), jsxRuntime.jsx("div", { className: "bcds-Inline-Alert--container", role: role, "aria-labelledby": "alert-title", children: children ? (children) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title && (jsxRuntime.jsx("span", { className: "title", id: "alert-title", children: title })), description && jsxRuntime.jsx("span", { className: "description", children: description }), buttons && (jsxRuntime.jsx(ButtonGroup, { alignment: "end", orientation: "horizontal", children: buttons }))] })) }), isCloseable && (jsxRuntime.jsx("span", { className: "bcds-Inline-Alert--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close this alert", type: "button", onPress: onClose, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) }))] }));
|
|
16103
16255
|
}
|
|
16104
16256
|
|
|
16105
|
-
var css_248z$
|
|
16106
|
-
styleInject(css_248z$
|
|
16257
|
+
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";
|
|
16258
|
+
styleInject(css_248z$c);
|
|
16259
|
+
|
|
16260
|
+
function Link({ children, size = "medium", danger = false, isButton = false, buttonVariant = "primary", isUnstyled = false, iconLeft, iconRight, ariaLabel, ...props }) {
|
|
16261
|
+
return (jsxRuntime.jsxs($4f118338184dc1d9$export$a6c7ac8248d6e38a, { className: !isUnstyled
|
|
16262
|
+
? isButton
|
|
16263
|
+
? `bcds-react-aria-Button ${size} ${buttonVariant} ${danger && "danger"}`
|
|
16264
|
+
: `bcds-react-aria-Link ${size} ${danger && "danger"}`
|
|
16265
|
+
: undefined, "aria-label": ariaLabel, ...props, children: [iconLeft && (jsxRuntime.jsx("span", { className: "bcds-react-aria-Link--Icon", children: iconLeft })), children, iconRight && (jsxRuntime.jsx("span", { className: "bcds-react-aria-Link--Icon", children: iconRight }))] }));
|
|
16266
|
+
}
|
|
16267
|
+
|
|
16268
|
+
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";
|
|
16269
|
+
styleInject(css_248z$b);
|
|
16107
16270
|
|
|
16108
16271
|
function Modal({ children, ...props }) {
|
|
16109
16272
|
return (jsxRuntime.jsx($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: "bcds-react-aria-Modal", ...props, children: children }));
|
|
16110
16273
|
}
|
|
16111
16274
|
|
|
16112
|
-
var css_248z$
|
|
16113
|
-
styleInject(css_248z$
|
|
16275
|
+
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";
|
|
16276
|
+
styleInject(css_248z$a);
|
|
16114
16277
|
|
|
16115
16278
|
function Radio({ value, children, ...props }) {
|
|
16116
16279
|
return (jsxRuntime.jsx($b6c3ddc6086f204d$export$d7b12c4107be0d61, { className: "bcds-react-aria-Radio", value: value, ...props, children: children }));
|
|
16117
16280
|
}
|
|
16118
16281
|
|
|
16119
|
-
var css_248z$
|
|
16120
|
-
styleInject(css_248z$
|
|
16282
|
+
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";
|
|
16283
|
+
styleInject(css_248z$9);
|
|
16121
16284
|
|
|
16122
16285
|
function RadioGroup({ orientation = "vertical", label, description, children, errorMessage, flexWrap = "nowrap", ...props }) {
|
|
16123
16286
|
return (jsxRuntime.jsx($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { className: "bcds-react-aria-RadioGroup", ...props, children: ({ isRequired, isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsxs($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: "bcds-react-aria-RadioGroup--label", children: [label, " ", isRequired && "(required)"] })), jsxRuntime.jsx("div", { className: `bcds-react-aria-RadioGroup--options ${orientation} flex-wrap-${flexWrap}`, children: children }), description && (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-RadioGroup--description", children: description })), isInvalid && (jsxRuntime.jsxs("div", { className: "bcds-react-aria-RadioGroup--error", children: [jsxRuntime.jsx(SvgExclamationIcon, {}), jsxRuntime.jsx($ee014567cb39d3f0$export$f551688fc98f2e09, { children: errorMessage })] }))] })) }));
|
|
16124
16287
|
}
|
|
16125
16288
|
|
|
16126
|
-
var css_248z$
|
|
16127
|
-
styleInject(css_248z$
|
|
16289
|
+
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";
|
|
16290
|
+
styleInject(css_248z$8);
|
|
16128
16291
|
|
|
16129
16292
|
/** Select displays a collapsible list of options and allows a user to select one of them. */
|
|
16130
16293
|
function Select({ items, sections, label, description, placeholder, size = "medium", errorMessage, ...props }) {
|
|
@@ -16159,27 +16322,34 @@ function SvgTooltipArrowUp({ id = "tooltip-arrow" }) {
|
|
|
16159
16322
|
return (jsxRuntime.jsx("svg", { id: id, width: "19", height: "9", viewBox: "0 0 19 9", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.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" }) }) }));
|
|
16160
16323
|
}
|
|
16161
16324
|
|
|
16162
|
-
var css_248z$
|
|
16163
|
-
styleInject(css_248z$
|
|
16325
|
+
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";
|
|
16326
|
+
styleInject(css_248z$7);
|
|
16164
16327
|
|
|
16165
16328
|
function Tag({ color = "blue", tagStyle = "rectangular", size = "small", icon, id, textValue, }) {
|
|
16166
16329
|
return (jsxRuntime.jsx($eaf9e70818b436db$export$3288d34c523a1192, { className: `bcds-react-aria-Tag ${color} ${tagStyle} ${size}`, id: id, textValue: textValue, children: ({ allowsRemoving, isDisabled }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon, textValue, !isDisabled && allowsRemoving && (jsxRuntime.jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { "aria-label": `Remove ${textValue}`, slot: "remove", children: jsxRuntime.jsx("svg", { width: "14", height: "15", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { id: "Icons / Close", children: jsxRuntime.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" }) }) }) }))] })) }));
|
|
16167
16330
|
}
|
|
16168
16331
|
|
|
16169
|
-
var css_248z$
|
|
16170
|
-
styleInject(css_248z$
|
|
16332
|
+
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";
|
|
16333
|
+
styleInject(css_248z$6);
|
|
16171
16334
|
|
|
16172
16335
|
function TagGroup({ children, label, description, errorMessage, ...props }) {
|
|
16173
16336
|
return (jsxRuntime.jsxs($eaf9e70818b436db$export$67ea30858aaf75e3, { className: "bcds-react-aria-TagGroup", ...props, children: [label && (jsxRuntime.jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: "bcds-react-aria-TagGroup--Label", children: label })), children, description && (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-TagGroup--Text-description", children: description })), errorMessage && (jsxRuntime.jsxs($514c0188e459b4c0$export$5f1af8db9871e1d6, { slot: "errorMessage", className: "bcds-react-aria-TagGroup--Text-error", children: [jsxRuntime.jsx(SvgExclamationIcon, {}), errorMessage] }))] }));
|
|
16174
16337
|
}
|
|
16175
16338
|
|
|
16176
|
-
var css_248z$
|
|
16177
|
-
styleInject(css_248z$
|
|
16339
|
+
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";
|
|
16340
|
+
styleInject(css_248z$5);
|
|
16178
16341
|
|
|
16179
16342
|
function TagList({ items, orientation = "horizontal", renderEmptyState, ...props }) {
|
|
16180
16343
|
return (jsxRuntime.jsx($eaf9e70818b436db$export$f9fef0f55402315b, { className: `bcds-react-aria-TagList ${orientation}`, ...props, renderEmptyState: renderEmptyState, items: items, children: (item) => $dbSRa$react.createElement(Tag, { ...item, key: item.id }) }));
|
|
16181
16344
|
}
|
|
16182
16345
|
|
|
16346
|
+
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";
|
|
16347
|
+
styleInject(css_248z$4);
|
|
16348
|
+
|
|
16349
|
+
function Text({ elementType = "span", size = "medium", color = "primary", isUnstyled = false, ...props }) {
|
|
16350
|
+
return (jsxRuntime.jsx($514c0188e459b4c0$export$5f1af8db9871e1d6, { elementType: elementType, className: isUnstyled ? undefined : `bcds-react-aria-Text ${size} ${color}`, ...props, children: props.children }));
|
|
16351
|
+
}
|
|
16352
|
+
|
|
16183
16353
|
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";
|
|
16184
16354
|
styleInject(css_248z$3);
|
|
16185
16355
|
|
|
@@ -16230,7 +16400,9 @@ exports.Footer = Footer;
|
|
|
16230
16400
|
exports.FooterLinks = FooterLinks;
|
|
16231
16401
|
exports.Form = Form;
|
|
16232
16402
|
exports.Header = Header;
|
|
16403
|
+
exports.Heading = Heading;
|
|
16233
16404
|
exports.InlineAlert = InlineAlert;
|
|
16405
|
+
exports.Link = Link;
|
|
16234
16406
|
exports.Modal = Modal;
|
|
16235
16407
|
exports.Radio = Radio;
|
|
16236
16408
|
exports.RadioGroup = RadioGroup;
|
|
@@ -16252,6 +16424,7 @@ exports.Switch = Switch;
|
|
|
16252
16424
|
exports.Tag = Tag;
|
|
16253
16425
|
exports.TagGroup = TagGroup;
|
|
16254
16426
|
exports.TagList = TagList;
|
|
16427
|
+
exports.Text = Text;
|
|
16255
16428
|
exports.TextArea = TextArea;
|
|
16256
16429
|
exports.TextField = TextField;
|
|
16257
16430
|
exports.Tooltip = Tooltip;
|