@redsift/design-system 7.7.0-alpha.3 → 7.8.0
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/CONTRIBUTING.md +1 -1
- package/index.d.ts +893 -8
- package/index.js +1560 -418
- package/index.js.map +1 -1
- package/package.json +6 -9
- package/style/index.css +677 -0
- package/style/redsift-design-tokens.css +1 -1
- package/style/redsift.css +1 -1
package/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
export { I18nProvider,
|
|
2
|
-
|
|
3
|
-
import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, RefObject, MutableRefObject, ElementType, ChangeEvent } from 'react';
|
|
1
|
+
export { I18nProvider, SSRProvider } from 'react-aria';
|
|
2
|
+
import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, useContext, useState, useLayoutEffect, useMemo, useRef, useCallback, useEffect, RefObject, ElementType, ChangeEvent } from 'react';
|
|
4
3
|
import { PressEvent } from '@react-types/shared';
|
|
5
4
|
import * as styled_components from 'styled-components';
|
|
6
5
|
|
|
@@ -332,7 +331,7 @@ declare function partitionComponents<T>(components: T[], predicates: Array<(t: T
|
|
|
332
331
|
|
|
333
332
|
/**
|
|
334
333
|
* Do not edit directly
|
|
335
|
-
* Generated on
|
|
334
|
+
* Generated on Fri, 28 Apr 2023 13:20:47 GMT
|
|
336
335
|
*/
|
|
337
336
|
declare const RedsiftColorDefaultPrimary = "#0079e1";
|
|
338
337
|
declare const RedsiftColorDefaultSecondary = "#0063b9";
|
|
@@ -604,6 +603,813 @@ interface WindowSize {
|
|
|
604
603
|
}
|
|
605
604
|
declare const useWindowSize: () => WindowSize;
|
|
606
605
|
|
|
606
|
+
/**
|
|
607
|
+
* Get the bounding rect of a component.
|
|
608
|
+
*/
|
|
609
|
+
declare const useBoundingClientRect: (ref: MutableRefObject<HTMLElement>, deps?: DependencyList) => DOMRect;
|
|
610
|
+
|
|
611
|
+
/*
|
|
612
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
613
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
614
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
615
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
616
|
+
*
|
|
617
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
618
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
619
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
620
|
+
* governing permissions and limitations under the License.
|
|
621
|
+
*/ /*
|
|
622
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
623
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
624
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
625
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
626
|
+
*
|
|
627
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
628
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
629
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
630
|
+
* governing permissions and limitations under the License.
|
|
631
|
+
*/ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
|
|
632
|
+
// guarded by a check that it only runs on the client side.
|
|
633
|
+
// eslint-disable-next-line rulesdir/useLayoutEffectRule
|
|
634
|
+
|
|
635
|
+
// Default context value to use in case there is no SSRProvider. This is fine for
|
|
636
|
+
// client-only apps. In order to support multiple copies of React Aria potentially
|
|
637
|
+
// being on the page at once, the prefix is set to a random number. SSRProvider
|
|
638
|
+
// will reset this to zero for consistency between server and client, so in the
|
|
639
|
+
// SSR case multiple copies of React Aria is not supported.
|
|
640
|
+
const $704cf1d3b684cc5c$var$defaultContext = {
|
|
641
|
+
prefix: String(Math.round(Math.random() * 10000000000)),
|
|
642
|
+
current: 0
|
|
643
|
+
};
|
|
644
|
+
const $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (React$1).createContext($704cf1d3b684cc5c$var$defaultContext);
|
|
645
|
+
function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
|
|
646
|
+
let cur = (useContext)($704cf1d3b684cc5c$var$SSRContext);
|
|
647
|
+
let isInSSRContext = cur !== $704cf1d3b684cc5c$var$defaultContext;
|
|
648
|
+
let [isSSR, setIsSSR] = (useState)(isInSSRContext);
|
|
649
|
+
// If on the client, and the component was initially server rendered,
|
|
650
|
+
// then schedule a layout effect to update the component after hydration.
|
|
651
|
+
if (typeof window !== "undefined" && isInSSRContext) // This if statement technically breaks the rules of hooks, but is safe
|
|
652
|
+
// because the condition never changes after mounting.
|
|
653
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
654
|
+
(useLayoutEffect)(()=>{
|
|
655
|
+
setIsSSR(false);
|
|
656
|
+
}, []);
|
|
657
|
+
return isSSR;
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
/*
|
|
661
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
662
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
663
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
664
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
665
|
+
*
|
|
666
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
667
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
668
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
669
|
+
* governing permissions and limitations under the License.
|
|
670
|
+
*/ /*
|
|
671
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
672
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
673
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
674
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
675
|
+
*
|
|
676
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
677
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
678
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
679
|
+
* governing permissions and limitations under the License.
|
|
680
|
+
*/ class $5b160d28a433310d$export$c17fa47878dc55b6 {
|
|
681
|
+
/** Returns a localized string for the given key and locale. */ getStringForLocale(key, locale) {
|
|
682
|
+
let strings = this.strings[locale];
|
|
683
|
+
if (!strings) {
|
|
684
|
+
strings = $5b160d28a433310d$var$getStringsForLocale(locale, this.strings, this.defaultLocale);
|
|
685
|
+
this.strings[locale] = strings;
|
|
686
|
+
}
|
|
687
|
+
let string = strings[key];
|
|
688
|
+
if (!string) throw new Error(`Could not find intl message ${key} in ${locale} locale`);
|
|
689
|
+
return string;
|
|
690
|
+
}
|
|
691
|
+
constructor(messages, defaultLocale = "en-US"){
|
|
692
|
+
// Clone messages so we don't modify the original object.
|
|
693
|
+
this.strings = {
|
|
694
|
+
...messages
|
|
695
|
+
};
|
|
696
|
+
this.defaultLocale = defaultLocale;
|
|
697
|
+
}
|
|
698
|
+
}
|
|
699
|
+
function $5b160d28a433310d$var$getStringsForLocale(locale, strings, defaultLocale = "en-US") {
|
|
700
|
+
// If there is an exact match, use it.
|
|
701
|
+
if (strings[locale]) return strings[locale];
|
|
702
|
+
// Attempt to find the closest match by language.
|
|
703
|
+
// For example, if the locale is fr-CA (French Canadian), but there is only
|
|
704
|
+
// an fr-FR (France) set of strings, use that.
|
|
705
|
+
// This could be replaced with Intl.LocaleMatcher once it is supported.
|
|
706
|
+
// https://github.com/tc39/proposal-intl-localematcher
|
|
707
|
+
let language = $5b160d28a433310d$var$getLanguage(locale);
|
|
708
|
+
if (strings[language]) return strings[language];
|
|
709
|
+
for(let key in strings){
|
|
710
|
+
if (key.startsWith(language + "-")) return strings[key];
|
|
711
|
+
}
|
|
712
|
+
// Nothing close, use english.
|
|
713
|
+
return strings[defaultLocale];
|
|
714
|
+
}
|
|
715
|
+
function $5b160d28a433310d$var$getLanguage(locale) {
|
|
716
|
+
// @ts-ignore
|
|
717
|
+
if (Intl.Locale) // @ts-ignore
|
|
718
|
+
return new Intl.Locale(locale).language;
|
|
719
|
+
return locale.split("-")[0];
|
|
720
|
+
}
|
|
721
|
+
|
|
722
|
+
|
|
723
|
+
/*
|
|
724
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
725
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
726
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
727
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
728
|
+
*
|
|
729
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
730
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
731
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
732
|
+
* governing permissions and limitations under the License.
|
|
733
|
+
*/ const $6db58dc88e78b024$var$pluralRulesCache = new Map();
|
|
734
|
+
const $6db58dc88e78b024$var$numberFormatCache = new Map();
|
|
735
|
+
class $6db58dc88e78b024$export$2f817fcdc4b89ae0 {
|
|
736
|
+
/** Formats a localized string for the given key with the provided variables. */ format(key, variables) {
|
|
737
|
+
let message = this.strings.getStringForLocale(key, this.locale);
|
|
738
|
+
return typeof message === "function" ? message(variables, this) : message;
|
|
739
|
+
}
|
|
740
|
+
plural(count, options, type = "cardinal") {
|
|
741
|
+
let opt = options["=" + count];
|
|
742
|
+
if (opt) return typeof opt === "function" ? opt() : opt;
|
|
743
|
+
let key = this.locale + ":" + type;
|
|
744
|
+
let pluralRules = $6db58dc88e78b024$var$pluralRulesCache.get(key);
|
|
745
|
+
if (!pluralRules) {
|
|
746
|
+
pluralRules = new Intl.PluralRules(this.locale, {
|
|
747
|
+
type: type
|
|
748
|
+
});
|
|
749
|
+
$6db58dc88e78b024$var$pluralRulesCache.set(key, pluralRules);
|
|
750
|
+
}
|
|
751
|
+
let selected = pluralRules.select(count);
|
|
752
|
+
opt = options[selected] || options.other;
|
|
753
|
+
return typeof opt === "function" ? opt() : opt;
|
|
754
|
+
}
|
|
755
|
+
number(value) {
|
|
756
|
+
let numberFormat = $6db58dc88e78b024$var$numberFormatCache.get(this.locale);
|
|
757
|
+
if (!numberFormat) {
|
|
758
|
+
numberFormat = new Intl.NumberFormat(this.locale);
|
|
759
|
+
$6db58dc88e78b024$var$numberFormatCache.set(this.locale, numberFormat);
|
|
760
|
+
}
|
|
761
|
+
return numberFormat.format(value);
|
|
762
|
+
}
|
|
763
|
+
select(options, value) {
|
|
764
|
+
let opt = options[value] || options.other;
|
|
765
|
+
return typeof opt === "function" ? opt() : opt;
|
|
766
|
+
}
|
|
767
|
+
constructor(locale, strings){
|
|
768
|
+
this.locale = locale;
|
|
769
|
+
this.strings = strings;
|
|
770
|
+
}
|
|
771
|
+
}
|
|
772
|
+
|
|
773
|
+
/*
|
|
774
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
775
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
776
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
777
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
778
|
+
*
|
|
779
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
780
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
781
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
782
|
+
* governing permissions and limitations under the License.
|
|
783
|
+
*/ let $fb18d541ea1ad717$var$formatterCache = new Map();
|
|
784
|
+
class $fb18d541ea1ad717$export$ad991b66133851cf {
|
|
785
|
+
/** Formats a date as a string according to the locale and format options passed to the constructor. */ format(value) {
|
|
786
|
+
return this.formatter.format(value);
|
|
787
|
+
}
|
|
788
|
+
/** Formats a date to an array of parts such as separators, numbers, punctuation, and more. */ formatToParts(value) {
|
|
789
|
+
return this.formatter.formatToParts(value);
|
|
790
|
+
}
|
|
791
|
+
/** Formats a date range as a string. */ formatRange(start, end) {
|
|
792
|
+
// @ts-ignore
|
|
793
|
+
if (typeof this.formatter.formatRange === "function") // @ts-ignore
|
|
794
|
+
return this.formatter.formatRange(start, end);
|
|
795
|
+
if (end < start) throw new RangeError("End date must be >= start date");
|
|
796
|
+
// Very basic fallback for old browsers.
|
|
797
|
+
return `${this.formatter.format(start)} – ${this.formatter.format(end)}`;
|
|
798
|
+
}
|
|
799
|
+
/** Formats a date range as an array of parts. */ formatRangeToParts(start, end) {
|
|
800
|
+
// @ts-ignore
|
|
801
|
+
if (typeof this.formatter.formatRangeToParts === "function") // @ts-ignore
|
|
802
|
+
return this.formatter.formatRangeToParts(start, end);
|
|
803
|
+
if (end < start) throw new RangeError("End date must be >= start date");
|
|
804
|
+
let startParts = this.formatter.formatToParts(start);
|
|
805
|
+
let endParts = this.formatter.formatToParts(end);
|
|
806
|
+
return [
|
|
807
|
+
...startParts.map((p)=>({
|
|
808
|
+
...p,
|
|
809
|
+
source: "startRange"
|
|
810
|
+
})),
|
|
811
|
+
{
|
|
812
|
+
type: "literal",
|
|
813
|
+
value: " – ",
|
|
814
|
+
source: "shared"
|
|
815
|
+
},
|
|
816
|
+
...endParts.map((p)=>({
|
|
817
|
+
...p,
|
|
818
|
+
source: "endRange"
|
|
819
|
+
}))
|
|
820
|
+
];
|
|
821
|
+
}
|
|
822
|
+
/** Returns the resolved formatting options based on the values passed to the constructor. */ resolvedOptions() {
|
|
823
|
+
let resolvedOptions = this.formatter.resolvedOptions();
|
|
824
|
+
if ($fb18d541ea1ad717$var$hasBuggyResolvedHourCycle()) {
|
|
825
|
+
if (!this.resolvedHourCycle) this.resolvedHourCycle = $fb18d541ea1ad717$var$getResolvedHourCycle(resolvedOptions.locale, this.options);
|
|
826
|
+
resolvedOptions.hourCycle = this.resolvedHourCycle;
|
|
827
|
+
resolvedOptions.hour12 = this.resolvedHourCycle === "h11" || this.resolvedHourCycle === "h12";
|
|
828
|
+
}
|
|
829
|
+
// Safari uses a different name for the Ethiopic (Amete Alem) calendar.
|
|
830
|
+
// https://bugs.webkit.org/show_bug.cgi?id=241564
|
|
831
|
+
if (resolvedOptions.calendar === "ethiopic-amete-alem") resolvedOptions.calendar = "ethioaa";
|
|
832
|
+
return resolvedOptions;
|
|
833
|
+
}
|
|
834
|
+
constructor(locale, options = {}){
|
|
835
|
+
this.formatter = $fb18d541ea1ad717$var$getCachedDateFormatter(locale, options);
|
|
836
|
+
this.options = options;
|
|
837
|
+
}
|
|
838
|
+
}
|
|
839
|
+
// There are multiple bugs involving the hour12 and hourCycle options in various browser engines.
|
|
840
|
+
// - Chrome [1] (and the ECMA 402 spec [2]) resolve hour12: false in English and other locales to h24 (24:00 - 23:59)
|
|
841
|
+
// rather than h23 (00:00 - 23:59). Same can happen with hour12: true in French, which Chrome resolves to h11 (00:00 - 11:59)
|
|
842
|
+
// rather than h12 (12:00 - 11:59).
|
|
843
|
+
// - WebKit returns an incorrect hourCycle resolved option in the French locale due to incorrect parsing of 'h' literal
|
|
844
|
+
// in the resolved pattern. It also formats incorrectly when specifying the hourCycle option for the same reason. [3]
|
|
845
|
+
// [1] https://bugs.chromium.org/p/chromium/issues/detail?id=1045791
|
|
846
|
+
// [2] https://github.com/tc39/ecma402/issues/402
|
|
847
|
+
// [3] https://bugs.webkit.org/show_bug.cgi?id=229313
|
|
848
|
+
// https://github.com/unicode-org/cldr/blob/018b55eff7ceb389c7e3fc44e2f657eae3b10b38/common/supplemental/supplementalData.xml#L4774-L4802
|
|
849
|
+
const $fb18d541ea1ad717$var$hour12Preferences = {
|
|
850
|
+
true: {
|
|
851
|
+
// Only Japanese uses the h11 style for 12 hour time. All others use h12.
|
|
852
|
+
ja: "h11"
|
|
853
|
+
},
|
|
854
|
+
false: {
|
|
855
|
+
}
|
|
856
|
+
};
|
|
857
|
+
function $fb18d541ea1ad717$var$getCachedDateFormatter(locale, options = {}) {
|
|
858
|
+
// Work around buggy hour12 behavior in Chrome / ECMA 402 spec by using hourCycle instead.
|
|
859
|
+
// Only apply the workaround if the issue is detected, because the hourCycle option is buggy in Safari.
|
|
860
|
+
if (typeof options.hour12 === "boolean" && $fb18d541ea1ad717$var$hasBuggyHour12Behavior()) {
|
|
861
|
+
options = {
|
|
862
|
+
...options
|
|
863
|
+
};
|
|
864
|
+
let pref = $fb18d541ea1ad717$var$hour12Preferences[String(options.hour12)][locale.split("-")[0]];
|
|
865
|
+
let defaultHourCycle = options.hour12 ? "h12" : "h23";
|
|
866
|
+
options.hourCycle = pref !== null && pref !== void 0 ? pref : defaultHourCycle;
|
|
867
|
+
delete options.hour12;
|
|
868
|
+
}
|
|
869
|
+
let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1).join() : "");
|
|
870
|
+
if ($fb18d541ea1ad717$var$formatterCache.has(cacheKey)) return $fb18d541ea1ad717$var$formatterCache.get(cacheKey);
|
|
871
|
+
let numberFormatter = new Intl.DateTimeFormat(locale, options);
|
|
872
|
+
$fb18d541ea1ad717$var$formatterCache.set(cacheKey, numberFormatter);
|
|
873
|
+
return numberFormatter;
|
|
874
|
+
}
|
|
875
|
+
let $fb18d541ea1ad717$var$_hasBuggyHour12Behavior = null;
|
|
876
|
+
function $fb18d541ea1ad717$var$hasBuggyHour12Behavior() {
|
|
877
|
+
if ($fb18d541ea1ad717$var$_hasBuggyHour12Behavior == null) $fb18d541ea1ad717$var$_hasBuggyHour12Behavior = new Intl.DateTimeFormat("en-US", {
|
|
878
|
+
hour: "numeric",
|
|
879
|
+
hour12: false
|
|
880
|
+
}).format(new Date(2020, 2, 3, 0)) === "24";
|
|
881
|
+
return $fb18d541ea1ad717$var$_hasBuggyHour12Behavior;
|
|
882
|
+
}
|
|
883
|
+
let $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle = null;
|
|
884
|
+
function $fb18d541ea1ad717$var$hasBuggyResolvedHourCycle() {
|
|
885
|
+
if ($fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle == null) $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle = new Intl.DateTimeFormat("fr", {
|
|
886
|
+
hour: "numeric",
|
|
887
|
+
hour12: false
|
|
888
|
+
}).resolvedOptions().hourCycle === "h12";
|
|
889
|
+
return $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle;
|
|
890
|
+
}
|
|
891
|
+
function $fb18d541ea1ad717$var$getResolvedHourCycle(locale, options) {
|
|
892
|
+
if (!options.timeStyle && !options.hour) return undefined;
|
|
893
|
+
// Work around buggy results in resolved hourCycle and hour12 options in WebKit.
|
|
894
|
+
// Format the minimum possible hour and maximum possible hour in a day and parse the results.
|
|
895
|
+
locale = locale.replace(/(-u-)?-nu-[a-zA-Z0-9]+/, "");
|
|
896
|
+
locale += (locale.includes("-u-") ? "" : "-u") + "-nu-latn";
|
|
897
|
+
let formatter = $fb18d541ea1ad717$var$getCachedDateFormatter(locale, {
|
|
898
|
+
...options,
|
|
899
|
+
timeZone: undefined // use local timezone
|
|
900
|
+
});
|
|
901
|
+
let min = parseInt(formatter.formatToParts(new Date(2020, 2, 3, 0)).find((p)=>p.type === "hour").value, 10);
|
|
902
|
+
let max = parseInt(formatter.formatToParts(new Date(2020, 2, 3, 23)).find((p)=>p.type === "hour").value, 10);
|
|
903
|
+
if (min === 0 && max === 23) return "h23";
|
|
904
|
+
if (min === 24 && max === 23) return "h24";
|
|
905
|
+
if (min === 0 && max === 11) return "h11";
|
|
906
|
+
if (min === 12 && max === 11) return "h12";
|
|
907
|
+
throw new Error("Unexpected hour cycle result");
|
|
908
|
+
}
|
|
909
|
+
|
|
910
|
+
/*
|
|
911
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
912
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
913
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
914
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
915
|
+
*
|
|
916
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
917
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
918
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
919
|
+
* governing permissions and limitations under the License.
|
|
920
|
+
*/ /*
|
|
921
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
922
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
923
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
924
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
925
|
+
*
|
|
926
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
927
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
928
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
929
|
+
* governing permissions and limitations under the License.
|
|
930
|
+
*/ let $488c6ddbf4ef74c2$var$formatterCache = new Map();
|
|
931
|
+
let $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
|
|
932
|
+
try {
|
|
933
|
+
// @ts-ignore
|
|
934
|
+
$488c6ddbf4ef74c2$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", {
|
|
935
|
+
signDisplay: "exceptZero"
|
|
936
|
+
}).resolvedOptions().signDisplay === "exceptZero";
|
|
937
|
+
// eslint-disable-next-line no-empty
|
|
938
|
+
} catch (e) {}
|
|
939
|
+
let $488c6ddbf4ef74c2$var$supportsUnit = false;
|
|
940
|
+
try {
|
|
941
|
+
// @ts-ignore
|
|
942
|
+
$488c6ddbf4ef74c2$var$supportsUnit = new Intl.NumberFormat("de-DE", {
|
|
943
|
+
style: "unit",
|
|
944
|
+
unit: "degree"
|
|
945
|
+
}).resolvedOptions().style === "unit";
|
|
946
|
+
// eslint-disable-next-line no-empty
|
|
947
|
+
} catch (e1) {}
|
|
948
|
+
// Polyfill for units since Safari doesn't support them yet. See https://bugs.webkit.org/show_bug.cgi?id=215438.
|
|
949
|
+
// Currently only polyfilling the unit degree in narrow format for ColorSlider in our supported locales.
|
|
950
|
+
// Values were determined by switching to each locale manually in Chrome.
|
|
951
|
+
const $488c6ddbf4ef74c2$var$UNITS = {
|
|
952
|
+
degree: {
|
|
953
|
+
narrow: {
|
|
954
|
+
default: "\xb0",
|
|
955
|
+
"ja-JP": " 度",
|
|
956
|
+
"zh-TW": "度",
|
|
957
|
+
"sl-SI": " \xb0"
|
|
958
|
+
}
|
|
959
|
+
}
|
|
960
|
+
};
|
|
961
|
+
class $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 {
|
|
962
|
+
/** Formats a number value as a string, according to the locale and options provided to the constructor. */ format(value) {
|
|
963
|
+
let res = "";
|
|
964
|
+
if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) res = $488c6ddbf4ef74c2$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
|
|
965
|
+
else res = this.numberFormatter.format(value);
|
|
966
|
+
if (this.options.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
|
|
967
|
+
var _UNITS_unit;
|
|
968
|
+
let { unit: unit , unitDisplay: unitDisplay = "short" , locale: locale } = this.resolvedOptions();
|
|
969
|
+
let values = (_UNITS_unit = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || _UNITS_unit === void 0 ? void 0 : _UNITS_unit[unitDisplay];
|
|
970
|
+
res += values[locale] || values.default;
|
|
971
|
+
}
|
|
972
|
+
return res;
|
|
973
|
+
}
|
|
974
|
+
/** Formats a number to an array of parts such as separators, digits, punctuation, and more. */ formatToParts(value) {
|
|
975
|
+
// TODO: implement signDisplay for formatToParts
|
|
976
|
+
// @ts-ignore
|
|
977
|
+
return this.numberFormatter.formatToParts(value);
|
|
978
|
+
}
|
|
979
|
+
/** Formats a number range as a string. */ formatRange(start, end) {
|
|
980
|
+
// @ts-ignore
|
|
981
|
+
if (typeof this.numberFormatter.formatRange === "function") // @ts-ignore
|
|
982
|
+
return this.numberFormatter.formatRange(start, end);
|
|
983
|
+
if (end < start) throw new RangeError("End date must be >= start date");
|
|
984
|
+
// Very basic fallback for old browsers.
|
|
985
|
+
return `${this.format(start)} – ${this.format(end)}`;
|
|
986
|
+
}
|
|
987
|
+
/** Formats a number range as an array of parts. */ formatRangeToParts(start, end) {
|
|
988
|
+
// @ts-ignore
|
|
989
|
+
if (typeof this.numberFormatter.formatRangeToParts === "function") // @ts-ignore
|
|
990
|
+
return this.numberFormatter.formatRangeToParts(start, end);
|
|
991
|
+
if (end < start) throw new RangeError("End date must be >= start date");
|
|
992
|
+
let startParts = this.numberFormatter.formatToParts(start);
|
|
993
|
+
let endParts = this.numberFormatter.formatToParts(end);
|
|
994
|
+
return [
|
|
995
|
+
...startParts.map((p)=>({
|
|
996
|
+
...p,
|
|
997
|
+
source: "startRange"
|
|
998
|
+
})),
|
|
999
|
+
{
|
|
1000
|
+
type: "literal",
|
|
1001
|
+
value: " – ",
|
|
1002
|
+
source: "shared"
|
|
1003
|
+
},
|
|
1004
|
+
...endParts.map((p)=>({
|
|
1005
|
+
...p,
|
|
1006
|
+
source: "endRange"
|
|
1007
|
+
}))
|
|
1008
|
+
];
|
|
1009
|
+
}
|
|
1010
|
+
/** Returns the resolved formatting options based on the values passed to the constructor. */ resolvedOptions() {
|
|
1011
|
+
let options = this.numberFormatter.resolvedOptions();
|
|
1012
|
+
if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) options = {
|
|
1013
|
+
...options,
|
|
1014
|
+
signDisplay: this.options.signDisplay
|
|
1015
|
+
};
|
|
1016
|
+
if (!$488c6ddbf4ef74c2$var$supportsUnit && this.options.style === "unit") options = {
|
|
1017
|
+
...options,
|
|
1018
|
+
style: "unit",
|
|
1019
|
+
unit: this.options.unit,
|
|
1020
|
+
unitDisplay: this.options.unitDisplay
|
|
1021
|
+
};
|
|
1022
|
+
return options;
|
|
1023
|
+
}
|
|
1024
|
+
constructor(locale, options = {}){
|
|
1025
|
+
this.numberFormatter = $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options);
|
|
1026
|
+
this.options = options;
|
|
1027
|
+
}
|
|
1028
|
+
}
|
|
1029
|
+
function $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options = {}) {
|
|
1030
|
+
let { numberingSystem: numberingSystem } = options;
|
|
1031
|
+
if (numberingSystem && locale.indexOf("-u-nu-") === -1) locale = `${locale}-u-nu-${numberingSystem}`;
|
|
1032
|
+
if (options.style === "unit" && !$488c6ddbf4ef74c2$var$supportsUnit) {
|
|
1033
|
+
var _UNITS_unit;
|
|
1034
|
+
let { unit: unit , unitDisplay: unitDisplay = "short" } = options;
|
|
1035
|
+
if (!unit) throw new Error('unit option must be provided with style: "unit"');
|
|
1036
|
+
if (!((_UNITS_unit = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || _UNITS_unit === void 0 ? void 0 : _UNITS_unit[unitDisplay])) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
|
|
1037
|
+
options = {
|
|
1038
|
+
...options,
|
|
1039
|
+
style: "decimal"
|
|
1040
|
+
};
|
|
1041
|
+
}
|
|
1042
|
+
let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1).join() : "");
|
|
1043
|
+
if ($488c6ddbf4ef74c2$var$formatterCache.has(cacheKey)) return $488c6ddbf4ef74c2$var$formatterCache.get(cacheKey);
|
|
1044
|
+
let numberFormatter = new Intl.NumberFormat(locale, options);
|
|
1045
|
+
$488c6ddbf4ef74c2$var$formatterCache.set(cacheKey, numberFormatter);
|
|
1046
|
+
return numberFormatter;
|
|
1047
|
+
}
|
|
1048
|
+
function $488c6ddbf4ef74c2$export$711b50b3c525e0f2(numberFormat, signDisplay, num) {
|
|
1049
|
+
if (signDisplay === "auto") return numberFormat.format(num);
|
|
1050
|
+
else if (signDisplay === "never") return numberFormat.format(Math.abs(num));
|
|
1051
|
+
else {
|
|
1052
|
+
let needsPositiveSign = false;
|
|
1053
|
+
if (signDisplay === "always") needsPositiveSign = num > 0 || Object.is(num, 0);
|
|
1054
|
+
else if (signDisplay === "exceptZero") {
|
|
1055
|
+
if (Object.is(num, -0) || Object.is(num, 0)) num = Math.abs(num);
|
|
1056
|
+
else needsPositiveSign = num > 0;
|
|
1057
|
+
}
|
|
1058
|
+
if (needsPositiveSign) {
|
|
1059
|
+
let negative = numberFormat.format(-num);
|
|
1060
|
+
let noSign = numberFormat.format(num);
|
|
1061
|
+
// ignore RTL/LTR marker character
|
|
1062
|
+
let minus = negative.replace(noSign, "").replace(/\u200e|\u061C/, "");
|
|
1063
|
+
if ([
|
|
1064
|
+
...minus
|
|
1065
|
+
].length !== 1) console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case");
|
|
1066
|
+
let positive = negative.replace(noSign, "!!!").replace(minus, "+").replace("!!!", noSign);
|
|
1067
|
+
return positive;
|
|
1068
|
+
} else return numberFormat.format(num);
|
|
1069
|
+
}
|
|
1070
|
+
}
|
|
1071
|
+
|
|
1072
|
+
/*
|
|
1073
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1074
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1075
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1076
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1077
|
+
*
|
|
1078
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1079
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1080
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1081
|
+
* governing permissions and limitations under the License.
|
|
1082
|
+
*/ /*
|
|
1083
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1084
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1085
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1086
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1087
|
+
*
|
|
1088
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1089
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1090
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1091
|
+
* governing permissions and limitations under the License.
|
|
1092
|
+
*/ /*
|
|
1093
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1094
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1095
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1096
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1097
|
+
*
|
|
1098
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1099
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1100
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1101
|
+
* governing permissions and limitations under the License.
|
|
1102
|
+
*/ // https://en.wikipedia.org/wiki/Right-to-left
|
|
1103
|
+
const $148a7a147e38ea7f$var$RTL_SCRIPTS = new Set([
|
|
1104
|
+
"Arab",
|
|
1105
|
+
"Syrc",
|
|
1106
|
+
"Samr",
|
|
1107
|
+
"Mand",
|
|
1108
|
+
"Thaa",
|
|
1109
|
+
"Mend",
|
|
1110
|
+
"Nkoo",
|
|
1111
|
+
"Adlm",
|
|
1112
|
+
"Rohg",
|
|
1113
|
+
"Hebr"
|
|
1114
|
+
]);
|
|
1115
|
+
const $148a7a147e38ea7f$var$RTL_LANGS = new Set([
|
|
1116
|
+
"ae",
|
|
1117
|
+
"ar",
|
|
1118
|
+
"arc",
|
|
1119
|
+
"bcc",
|
|
1120
|
+
"bqi",
|
|
1121
|
+
"ckb",
|
|
1122
|
+
"dv",
|
|
1123
|
+
"fa",
|
|
1124
|
+
"glk",
|
|
1125
|
+
"he",
|
|
1126
|
+
"ku",
|
|
1127
|
+
"mzn",
|
|
1128
|
+
"nqo",
|
|
1129
|
+
"pnb",
|
|
1130
|
+
"ps",
|
|
1131
|
+
"sd",
|
|
1132
|
+
"ug",
|
|
1133
|
+
"ur",
|
|
1134
|
+
"yi"
|
|
1135
|
+
]);
|
|
1136
|
+
function $148a7a147e38ea7f$export$702d680b21cbd764(locale) {
|
|
1137
|
+
// If the Intl.Locale API is available, use it to get the script for the locale.
|
|
1138
|
+
// This is more accurate than guessing by language, since languages can be written in multiple scripts.
|
|
1139
|
+
// @ts-ignore
|
|
1140
|
+
if (Intl.Locale) {
|
|
1141
|
+
// @ts-ignore
|
|
1142
|
+
let script = new Intl.Locale(locale).maximize().script;
|
|
1143
|
+
return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(script);
|
|
1144
|
+
}
|
|
1145
|
+
// If not, just guess by the language (first part of the locale)
|
|
1146
|
+
let lang = locale.split("-")[0];
|
|
1147
|
+
return $148a7a147e38ea7f$var$RTL_LANGS.has(lang);
|
|
1148
|
+
}
|
|
1149
|
+
|
|
1150
|
+
|
|
1151
|
+
/*
|
|
1152
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1153
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1154
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1155
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1156
|
+
*
|
|
1157
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1158
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1159
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1160
|
+
* governing permissions and limitations under the License.
|
|
1161
|
+
*/
|
|
1162
|
+
|
|
1163
|
+
|
|
1164
|
+
function $1e5a04cdaf7d1af8$export$f09106e7c6677ec5() {
|
|
1165
|
+
// @ts-ignore
|
|
1166
|
+
let locale = typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
|
|
1167
|
+
try {
|
|
1168
|
+
// @ts-ignore
|
|
1169
|
+
Intl.DateTimeFormat.supportedLocalesOf([
|
|
1170
|
+
locale
|
|
1171
|
+
]);
|
|
1172
|
+
} catch (_err) {
|
|
1173
|
+
locale = "en-US";
|
|
1174
|
+
}
|
|
1175
|
+
return {
|
|
1176
|
+
locale: locale,
|
|
1177
|
+
direction: ($148a7a147e38ea7f$export$702d680b21cbd764)(locale) ? "rtl" : "ltr"
|
|
1178
|
+
};
|
|
1179
|
+
}
|
|
1180
|
+
let $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
|
|
1181
|
+
let $1e5a04cdaf7d1af8$var$listeners = new Set();
|
|
1182
|
+
function $1e5a04cdaf7d1af8$var$updateLocale() {
|
|
1183
|
+
$1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
|
|
1184
|
+
for (let listener of $1e5a04cdaf7d1af8$var$listeners)listener($1e5a04cdaf7d1af8$var$currentLocale);
|
|
1185
|
+
}
|
|
1186
|
+
function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
|
|
1187
|
+
let isSSR = ($704cf1d3b684cc5c$export$535bd6ca7f90a273)();
|
|
1188
|
+
let [defaultLocale, setDefaultLocale] = (useState)($1e5a04cdaf7d1af8$var$currentLocale);
|
|
1189
|
+
(useEffect)(()=>{
|
|
1190
|
+
if ($1e5a04cdaf7d1af8$var$listeners.size === 0) window.addEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
|
|
1191
|
+
$1e5a04cdaf7d1af8$var$listeners.add(setDefaultLocale);
|
|
1192
|
+
return ()=>{
|
|
1193
|
+
$1e5a04cdaf7d1af8$var$listeners.delete(setDefaultLocale);
|
|
1194
|
+
if ($1e5a04cdaf7d1af8$var$listeners.size === 0) window.removeEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
|
|
1195
|
+
};
|
|
1196
|
+
}, []);
|
|
1197
|
+
// We cannot determine the browser's language on the server, so default to
|
|
1198
|
+
// en-US. This will be updated after hydration on the client to the correct value.
|
|
1199
|
+
if (isSSR) return {
|
|
1200
|
+
locale: "en-US",
|
|
1201
|
+
direction: "ltr"
|
|
1202
|
+
};
|
|
1203
|
+
return defaultLocale;
|
|
1204
|
+
}
|
|
1205
|
+
|
|
1206
|
+
|
|
1207
|
+
|
|
1208
|
+
const $18f2051aff69b9bf$var$I18nContext = /*#__PURE__*/ (React$1).createContext(null);
|
|
1209
|
+
function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() {
|
|
1210
|
+
let defaultLocale = ($1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a)();
|
|
1211
|
+
let context = (useContext)($18f2051aff69b9bf$var$I18nContext);
|
|
1212
|
+
return context || defaultLocale;
|
|
1213
|
+
}
|
|
1214
|
+
|
|
1215
|
+
|
|
1216
|
+
/*
|
|
1217
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
1218
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1219
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1220
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1221
|
+
*
|
|
1222
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1223
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1224
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1225
|
+
* governing permissions and limitations under the License.
|
|
1226
|
+
*/
|
|
1227
|
+
|
|
1228
|
+
|
|
1229
|
+
const $fca6afa0e843324b$var$cache = new WeakMap();
|
|
1230
|
+
function $fca6afa0e843324b$var$getCachedDictionary(strings) {
|
|
1231
|
+
let dictionary = $fca6afa0e843324b$var$cache.get(strings);
|
|
1232
|
+
if (!dictionary) {
|
|
1233
|
+
dictionary = new ($5b160d28a433310d$export$c17fa47878dc55b6)(strings);
|
|
1234
|
+
$fca6afa0e843324b$var$cache.set(strings, dictionary);
|
|
1235
|
+
}
|
|
1236
|
+
return dictionary;
|
|
1237
|
+
}
|
|
1238
|
+
function $fca6afa0e843324b$export$f12b703ca79dfbb1(strings) {
|
|
1239
|
+
let { locale: locale } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
|
|
1240
|
+
let dictionary = (useMemo)(()=>$fca6afa0e843324b$var$getCachedDictionary(strings), [
|
|
1241
|
+
strings
|
|
1242
|
+
]);
|
|
1243
|
+
return (useMemo)(()=>new ($6db58dc88e78b024$export$2f817fcdc4b89ae0)(locale, dictionary), [
|
|
1244
|
+
locale,
|
|
1245
|
+
dictionary
|
|
1246
|
+
]);
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
|
|
1250
|
+
/*
|
|
1251
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1252
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1253
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1254
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1255
|
+
*
|
|
1256
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1257
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1258
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1259
|
+
* governing permissions and limitations under the License.
|
|
1260
|
+
*/
|
|
1261
|
+
|
|
1262
|
+
function $33bf17300c498528$export$a2f47a3d2973640(options = {}) {
|
|
1263
|
+
let { locale: locale } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
|
|
1264
|
+
// @ts-ignore
|
|
1265
|
+
return (useMemo)(()=>new Intl.ListFormat(locale, options), [
|
|
1266
|
+
locale,
|
|
1267
|
+
options
|
|
1268
|
+
]);
|
|
1269
|
+
}
|
|
1270
|
+
|
|
1271
|
+
|
|
1272
|
+
/*
|
|
1273
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1274
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1275
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1276
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1277
|
+
*
|
|
1278
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1279
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1280
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1281
|
+
* governing permissions and limitations under the License.
|
|
1282
|
+
*/
|
|
1283
|
+
|
|
1284
|
+
|
|
1285
|
+
function $896ba0a80a8f4d36$export$85fd5fdf27bacc79(options) {
|
|
1286
|
+
// Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
|
|
1287
|
+
let lastOptions = (useRef)(null);
|
|
1288
|
+
if (options && lastOptions.current && $896ba0a80a8f4d36$var$isEqual(options, lastOptions.current)) options = lastOptions.current;
|
|
1289
|
+
lastOptions.current = options;
|
|
1290
|
+
let { locale: locale } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
|
|
1291
|
+
return (useMemo)(()=>new ($fb18d541ea1ad717$export$ad991b66133851cf)(locale, options), [
|
|
1292
|
+
locale,
|
|
1293
|
+
options
|
|
1294
|
+
]);
|
|
1295
|
+
}
|
|
1296
|
+
function $896ba0a80a8f4d36$var$isEqual(a, b) {
|
|
1297
|
+
if (a === b) return true;
|
|
1298
|
+
let aKeys = Object.keys(a);
|
|
1299
|
+
let bKeys = Object.keys(b);
|
|
1300
|
+
if (aKeys.length !== bKeys.length) return false;
|
|
1301
|
+
for (let key of aKeys){
|
|
1302
|
+
if (b[key] !== a[key]) return false;
|
|
1303
|
+
}
|
|
1304
|
+
return true;
|
|
1305
|
+
}
|
|
1306
|
+
|
|
1307
|
+
|
|
1308
|
+
/*
|
|
1309
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1310
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1311
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1312
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1313
|
+
*
|
|
1314
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1315
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1316
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1317
|
+
* governing permissions and limitations under the License.
|
|
1318
|
+
*/
|
|
1319
|
+
|
|
1320
|
+
|
|
1321
|
+
function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {
|
|
1322
|
+
let { locale: locale } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
|
|
1323
|
+
return (useMemo)(()=>new ($488c6ddbf4ef74c2$export$cc77c4ff7e8673c5)(locale, options), [
|
|
1324
|
+
locale,
|
|
1325
|
+
options
|
|
1326
|
+
]);
|
|
1327
|
+
}
|
|
1328
|
+
|
|
1329
|
+
|
|
1330
|
+
/*
|
|
1331
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1332
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1333
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1334
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1335
|
+
*
|
|
1336
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1337
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1338
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1339
|
+
* governing permissions and limitations under the License.
|
|
1340
|
+
*/
|
|
1341
|
+
let $325a3faab7a68acd$var$cache = new Map();
|
|
1342
|
+
function $325a3faab7a68acd$export$a16aca283550c30d(options) {
|
|
1343
|
+
let { locale: locale } = ($18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
|
|
1344
|
+
let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1).join() : "");
|
|
1345
|
+
if ($325a3faab7a68acd$var$cache.has(cacheKey)) return $325a3faab7a68acd$var$cache.get(cacheKey);
|
|
1346
|
+
let formatter = new Intl.Collator(locale, options);
|
|
1347
|
+
$325a3faab7a68acd$var$cache.set(cacheKey, formatter);
|
|
1348
|
+
return formatter;
|
|
1349
|
+
}
|
|
1350
|
+
|
|
1351
|
+
|
|
1352
|
+
/*
|
|
1353
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1354
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1355
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1356
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1357
|
+
*
|
|
1358
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1359
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1360
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1361
|
+
* governing permissions and limitations under the License.
|
|
1362
|
+
*/
|
|
1363
|
+
|
|
1364
|
+
function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
|
|
1365
|
+
let collator = ($325a3faab7a68acd$export$a16aca283550c30d)({
|
|
1366
|
+
usage: "search",
|
|
1367
|
+
...options
|
|
1368
|
+
});
|
|
1369
|
+
// TODO(later): these methods don't currently support the ignorePunctuation option.
|
|
1370
|
+
let startsWith = (useCallback)((string, substring)=>{
|
|
1371
|
+
if (substring.length === 0) return true;
|
|
1372
|
+
// Normalize both strings so we can slice safely
|
|
1373
|
+
// TODO: take into account the ignorePunctuation option as well...
|
|
1374
|
+
string = string.normalize("NFC");
|
|
1375
|
+
substring = substring.normalize("NFC");
|
|
1376
|
+
return collator.compare(string.slice(0, substring.length), substring) === 0;
|
|
1377
|
+
}, [
|
|
1378
|
+
collator
|
|
1379
|
+
]);
|
|
1380
|
+
let endsWith = (useCallback)((string, substring)=>{
|
|
1381
|
+
if (substring.length === 0) return true;
|
|
1382
|
+
string = string.normalize("NFC");
|
|
1383
|
+
substring = substring.normalize("NFC");
|
|
1384
|
+
return collator.compare(string.slice(-substring.length), substring) === 0;
|
|
1385
|
+
}, [
|
|
1386
|
+
collator
|
|
1387
|
+
]);
|
|
1388
|
+
let contains = (useCallback)((string, substring)=>{
|
|
1389
|
+
if (substring.length === 0) return true;
|
|
1390
|
+
string = string.normalize("NFC");
|
|
1391
|
+
substring = substring.normalize("NFC");
|
|
1392
|
+
let scan = 0;
|
|
1393
|
+
let sliceLen = substring.length;
|
|
1394
|
+
for(; scan + sliceLen <= string.length; scan++){
|
|
1395
|
+
let slice = string.slice(scan, scan + sliceLen);
|
|
1396
|
+
if (collator.compare(substring, slice) === 0) return true;
|
|
1397
|
+
}
|
|
1398
|
+
return false;
|
|
1399
|
+
}, [
|
|
1400
|
+
collator
|
|
1401
|
+
]);
|
|
1402
|
+
return (useMemo)(()=>({
|
|
1403
|
+
startsWith: startsWith,
|
|
1404
|
+
endsWith: endsWith,
|
|
1405
|
+
contains: contains
|
|
1406
|
+
}), [
|
|
1407
|
+
startsWith,
|
|
1408
|
+
endsWith,
|
|
1409
|
+
contains
|
|
1410
|
+
]);
|
|
1411
|
+
}
|
|
1412
|
+
|
|
607
1413
|
/**
|
|
608
1414
|
* Component variant.
|
|
609
1415
|
*/
|
|
@@ -1434,7 +2240,7 @@ interface CheckboxProps extends Omit<ComponentProps<'label'>, 'onChange'>, Styli
|
|
|
1434
2240
|
*/
|
|
1435
2241
|
value?: HTMLInputElement['value'];
|
|
1436
2242
|
}
|
|
1437
|
-
type StyledCheckboxProps = Omit<CheckboxProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired'
|
|
2243
|
+
type StyledCheckboxProps = Omit<CheckboxProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired'> & {
|
|
1438
2244
|
$isColored: CheckboxProps['isColored'];
|
|
1439
2245
|
$isDisabled: CheckboxProps['isDisabled'];
|
|
1440
2246
|
$isInvalid: CheckboxProps['isInvalid'];
|
|
@@ -1633,8 +2439,10 @@ declare const DetailedCardHeader: Comp<DetailedCardHeaderProps, HTMLDivElement>;
|
|
|
1633
2439
|
interface DetailedCardSectionProps extends ComponentProps<'div'> {
|
|
1634
2440
|
/** Props to pass to the badge displayed next to the title. */
|
|
1635
2441
|
badge?: Omit<BadgeProps, 'ref'>;
|
|
2442
|
+
/** Color that will be used on the header line. */
|
|
2443
|
+
color?: ColorPalette;
|
|
1636
2444
|
/** Header. */
|
|
1637
|
-
header?: string;
|
|
2445
|
+
header?: string | ReactElement;
|
|
1638
2446
|
/** Whether the section is collapsed or not. */
|
|
1639
2447
|
readonly isCollapsed?: boolean;
|
|
1640
2448
|
/** Whether the section can be collasped or not. */
|
|
@@ -1642,7 +2450,8 @@ interface DetailedCardSectionProps extends ComponentProps<'div'> {
|
|
|
1642
2450
|
/** Whether the card is loading or not. */
|
|
1643
2451
|
isLoading?: boolean;
|
|
1644
2452
|
}
|
|
1645
|
-
type StyledDetailedCardSectionProps = Omit<DetailedCardSectionProps, 'isCollapsed'> & {
|
|
2453
|
+
type StyledDetailedCardSectionProps = Omit<DetailedCardSectionProps, 'color' | 'isCollapsed'> & {
|
|
2454
|
+
$color: DetailedCardSectionProps['color'];
|
|
1646
2455
|
$isCollapsed: DetailedCardSectionProps['isCollapsed'];
|
|
1647
2456
|
};
|
|
1648
2457
|
|
|
@@ -1966,6 +2775,16 @@ type StyledRadioProps = Omit<RadioProps, 'color' | 'isColored' | 'isDisabled' |
|
|
|
1966
2775
|
*/
|
|
1967
2776
|
declare const Radio: Comp<RadioProps, HTMLLabelElement>;
|
|
1968
2777
|
|
|
2778
|
+
declare const baseLayout: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<LayoutProps, any>>;
|
|
2779
|
+
declare const baseSpacing: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<SpacingProps, any>>;
|
|
2780
|
+
declare const baseInternalSpacing: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<InternalSpacingProps, any>>;
|
|
2781
|
+
declare const baseSizing: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<SizingProps, any>>;
|
|
2782
|
+
declare const basePositioning: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<PositioningProps, any>>;
|
|
2783
|
+
declare const baseFlexbox: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<FlexLayoutProps, any>>;
|
|
2784
|
+
declare const baseGrid: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<GridLayoutProps, any>>;
|
|
2785
|
+
declare const baseStyling: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<StylingProps, any>>;
|
|
2786
|
+
declare const baseContainer: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<ContainerProps, any>>;
|
|
2787
|
+
|
|
1969
2788
|
/**
|
|
1970
2789
|
* Component props.
|
|
1971
2790
|
*/
|
|
@@ -2200,4 +3019,70 @@ type StyledSwitchProps = Omit<SwitchProps, 'color' | 'isColored' | 'isDisabled'
|
|
|
2200
3019
|
*/
|
|
2201
3020
|
declare const Switch: Comp<SwitchProps, HTMLLabelElement>;
|
|
2202
3021
|
|
|
2203
|
-
export { Alert, AlertProps, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardCollapsibleSectionItemsProps, DetailedCardHeader, DetailedCardHeaderProps, DetailedCardProps, DetailedCardSection, DetailedCardSectionItem, DetailedCardSectionItemProps, DetailedCardSectionProps, Falsy, FlexDirection, FlexLayoutProps, FlexWrap, Flexbox, FlexboxProps, FontFamily, Grid, GridItem, GridItemProps, GridLayoutProps, GridProps, Heading, HeadingComponent, HeadingProps, HeadingVariant, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconProps, IconSize, InternalSpacingProps, JustifyContent, JustifyItems, JustifySelf, LayoutProps, Link, LinkButton, LinkButtonProps, LinkProps, Menu, MenuBarItems, MenuItem, NeutralColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PositioningProps, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultPrimaryActiveHover, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorPrimaryActiveHover, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizePrimaryActiveHover, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoPrimaryActiveHover, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataPrimaryActive, RedsiftColorNoDataPrimaryActiveHover, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcPrimaryActiveHover, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainPrimaryActiveHover, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxPrimaryActiveHover, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionPrimaryActive, RedsiftColorQuestionPrimaryActiveHover, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessPrimaryActiveHover, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsPrimaryActiveHover, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningPrimaryActiveHover, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsitePrimaryActiveHover, RedsiftColorWebsiteSecondary, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorCyanDark, RedsiftDataVizColorCyanDarker, RedsiftDataVizColorCyanDefault, RedsiftDataVizColorCyanLight, RedsiftDataVizColorCyanLighter, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerColor, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCardActionsProps, StyledCardBodyProps, StyledCardHeaderProps, StyledCardProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledDetailedCardCollapsibleSectionItemsProps, StyledDetailedCardHeaderProps, StyledDetailedCardProps, StyledDetailedCardSectionItemProps, StyledDetailedCardSectionProps, StyledFlexboxProps, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonProps, StyledIconProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSkeletonCircleProps, StyledSkeletonProps, StyledSkeletonTextProps, StyledSpinnerProps, StyledSwitchGroupProps, StyledSwitchProps, StyledTextProps, StylingProps, Switch, SwitchGroup, SwitchGroupOrientation, SwitchGroupProps, SwitchGroupState, SwitchProps, Text, TextComponent, TextProps, TextVariant, UseSideNavigationMenuBarProps, ValueOf, filterComponents, isComponent, partitionComponents, useAppSidePanel, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
|
|
3022
|
+
/**
|
|
3023
|
+
* Component variant.
|
|
3024
|
+
*/
|
|
3025
|
+
declare const TextFieldVariant: {
|
|
3026
|
+
readonly default: "default";
|
|
3027
|
+
readonly underline: "underline";
|
|
3028
|
+
};
|
|
3029
|
+
type TextFieldVariant = ValueOf<typeof TextFieldVariant>;
|
|
3030
|
+
/**
|
|
3031
|
+
* Component props.
|
|
3032
|
+
*/
|
|
3033
|
+
interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
|
|
3034
|
+
/** Whether the component can be autofocused. */
|
|
3035
|
+
autoFocus?: boolean;
|
|
3036
|
+
/**
|
|
3037
|
+
* Default value.
|
|
3038
|
+
* Used for uncontrolled version.
|
|
3039
|
+
*/
|
|
3040
|
+
defaultValue?: HTMLInputElement['value'];
|
|
3041
|
+
/** Custom props to pass to the input element. */
|
|
3042
|
+
inputProps?: ComponentProps<'input'>;
|
|
3043
|
+
/** Custom ref object to pass to the input element. */
|
|
3044
|
+
inputRef?: MutableRefObject<HTMLInputElement>;
|
|
3045
|
+
/** Whether the component should use the product colors or shades of grey. */
|
|
3046
|
+
isColored?: boolean;
|
|
3047
|
+
/** Whether the component is disabled or not. */
|
|
3048
|
+
isDisabled?: boolean;
|
|
3049
|
+
/** Whether the component is invalid or not. */
|
|
3050
|
+
isInvalid?: boolean;
|
|
3051
|
+
/** Whether the component is read only or not. */
|
|
3052
|
+
isReadOnly?: boolean;
|
|
3053
|
+
/** Whether the component is required or not. */
|
|
3054
|
+
isRequired?: boolean;
|
|
3055
|
+
/** Label */
|
|
3056
|
+
label?: string;
|
|
3057
|
+
/** Name to pass to the input element. */
|
|
3058
|
+
name?: HTMLInputElement['name'];
|
|
3059
|
+
/** Method to handle component change. */
|
|
3060
|
+
onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;
|
|
3061
|
+
/** Placeholder. */
|
|
3062
|
+
placeholder?: string;
|
|
3063
|
+
/**
|
|
3064
|
+
* Input value.
|
|
3065
|
+
* Used for controlled version.
|
|
3066
|
+
*/
|
|
3067
|
+
value?: HTMLInputElement['value'];
|
|
3068
|
+
/** TextField variant. */
|
|
3069
|
+
variant?: TextFieldVariant;
|
|
3070
|
+
}
|
|
3071
|
+
type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'> & {
|
|
3072
|
+
$hasContent: boolean;
|
|
3073
|
+
$isColored: TextFieldProps['isColored'];
|
|
3074
|
+
$isDisabled: TextFieldProps['isDisabled'];
|
|
3075
|
+
$isInvalid: TextFieldProps['isInvalid'];
|
|
3076
|
+
$isFocused: boolean;
|
|
3077
|
+
$isFocusVisible: boolean;
|
|
3078
|
+
$isRequired: TextFieldProps['isRequired'];
|
|
3079
|
+
$variant: TextFieldProps['variant'];
|
|
3080
|
+
};
|
|
3081
|
+
|
|
3082
|
+
/**
|
|
3083
|
+
* The TextField component.
|
|
3084
|
+
* Can be used as controlled or uncontrolled.
|
|
3085
|
+
*/
|
|
3086
|
+
declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
|
|
3087
|
+
|
|
3088
|
+
export { Alert, AlertProps, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardCollapsibleSectionItemsProps, DetailedCardHeader, DetailedCardHeaderProps, DetailedCardProps, DetailedCardSection, DetailedCardSectionItem, DetailedCardSectionItemProps, DetailedCardSectionProps, Falsy, FlexDirection, FlexLayoutProps, FlexWrap, Flexbox, FlexboxProps, FontFamily, Grid, GridItem, GridItemProps, GridLayoutProps, GridProps, Heading, HeadingComponent, HeadingProps, HeadingVariant, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconProps, IconSize, InternalSpacingProps, JustifyContent, JustifyItems, JustifySelf, LayoutProps, Link, LinkButton, LinkButtonProps, LinkProps, Menu, MenuBarItems, MenuItem, NeutralColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PositioningProps, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultPrimaryActiveHover, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorPrimaryActiveHover, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizePrimaryActiveHover, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoPrimaryActiveHover, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataPrimaryActive, RedsiftColorNoDataPrimaryActiveHover, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcPrimaryActiveHover, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainPrimaryActiveHover, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxPrimaryActiveHover, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionPrimaryActive, RedsiftColorQuestionPrimaryActiveHover, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessPrimaryActiveHover, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsPrimaryActiveHover, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningPrimaryActiveHover, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsitePrimaryActiveHover, RedsiftColorWebsiteSecondary, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorCyanDark, RedsiftDataVizColorCyanDarker, RedsiftDataVizColorCyanDefault, RedsiftDataVizColorCyanLight, RedsiftDataVizColorCyanLighter, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerColor, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCardActionsProps, StyledCardBodyProps, StyledCardHeaderProps, StyledCardProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledDetailedCardCollapsibleSectionItemsProps, StyledDetailedCardHeaderProps, StyledDetailedCardProps, StyledDetailedCardSectionItemProps, StyledDetailedCardSectionProps, StyledFlexboxProps, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonProps, StyledIconProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSkeletonCircleProps, StyledSkeletonProps, StyledSkeletonTextProps, StyledSpinnerProps, StyledSwitchGroupProps, StyledSwitchProps, StyledTextFieldProps, StyledTextProps, StylingProps, Switch, SwitchGroup, SwitchGroupOrientation, SwitchGroupProps, SwitchGroupState, SwitchProps, Text, TextComponent, TextField, TextFieldProps, TextFieldVariant, TextProps, TextVariant, UseSideNavigationMenuBarProps, ValueOf, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, isComponent, partitionComponents, useAppSidePanel, useBoundingClientRect, $325a3faab7a68acd$export$a16aca283550c30d as useCollator, $896ba0a80a8f4d36$export$85fd5fdf27bacc79 as useDateFormatter, $bb77f239b46e8c72$export$3274cf84b703fff as useFilter, $704cf1d3b684cc5c$export$535bd6ca7f90a273 as useIsSSR, $33bf17300c498528$export$a2f47a3d2973640 as useListFormatter, $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as useLocale, $fca6afa0e843324b$export$f12b703ca79dfbb1 as useLocalizedStringFormatter, $a916eb452884faea$export$b7a616150fdb9f44 as useNumberFormatter, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
|