@drivy/cobalt 0.14.7 → 0.14.10
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/cjs/tokens/icons.js +2 -0
- package/cjs/tokens/icons.js.map +1 -1
- package/cjs/tokens/index.js.map +1 -1
- package/components/Accordion/ToggleIcon.js.map +1 -1
- package/components/Accordion/index.js.map +1 -1
- package/components/Alerter/Alert.js.map +1 -1
- package/components/Alerter/index.js.map +1 -1
- package/components/BasicCell/index.js.map +1 -1
- package/components/BulletList/index.js.map +1 -1
- package/components/Button/Button.js.map +1 -1
- package/components/Button/Link.js.map +1 -1
- package/components/Button/index.js.map +1 -1
- package/components/Buttons/BrandButton/index.js.map +1 -1
- package/components/Buttons/ButtonComponent.js.map +1 -1
- package/components/Buttons/ButtonsGroup.js.map +1 -1
- package/components/Buttons/DefaultButton/index.js.map +1 -1
- package/components/Buttons/GhostButton/index.js.map +1 -1
- package/components/Buttons/InversedButton/index.js.map +1 -1
- package/components/Buttons/helpers.js.map +1 -1
- package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js.map +1 -1
- package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js.map +1 -1
- package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js.map +1 -1
- package/components/Calendar/CalendarView/CalendarViewMonth.js.map +1 -1
- package/components/Calendar/CalendarView/index.js.map +1 -1
- package/components/Callout/index.js.map +1 -1
- package/components/Card/index.js.map +1 -1
- package/components/CdwChoice/index.js.map +1 -1
- package/components/Cell/index.js.map +1 -1
- package/components/Chip/index.js.map +1 -1
- package/components/EmptyState/index.js.map +1 -1
- package/components/Flag/index.js.map +1 -1
- package/components/Flash/index.js.map +1 -1
- package/components/Form/Autocomplete/index.js.map +1 -1
- package/components/Form/CheckablePill.js.map +1 -1
- package/components/Form/Checkmark.js.map +1 -1
- package/components/Form/ComposedField.js.map +1 -1
- package/components/Form/Fieldset.js.map +1 -1
- package/components/Form/Hint.js.map +1 -1
- package/components/Form/RadioWithDetails.js.map +1 -1
- package/components/Form/Select.js.map +1 -1
- package/components/Form/Slider.js.map +1 -1
- package/components/Form/Stepper.js.map +1 -1
- package/components/Form/TextArea.js.map +1 -1
- package/components/Form/TextInput.js.map +1 -1
- package/components/Form/ToggleSwitch.js.map +1 -1
- package/components/Form/field.js.map +1 -1
- package/components/Helper/index.js.map +1 -1
- package/components/HorizontalList/index.js.map +1 -1
- package/components/Icon/__generated__/AirportIcon.js.map +1 -1
- package/components/Icon/__generated__/ArrowLeftIcon.js.map +1 -1
- package/components/Icon/__generated__/ArrowRightIcon.js.map +1 -1
- package/components/Icon/__generated__/BinIcon.js.map +1 -1
- package/components/Icon/__generated__/BriefcaseIcon.js.map +1 -1
- package/components/Icon/__generated__/BulbIcon.js.map +1 -1
- package/components/Icon/__generated__/CameraIcon.js.map +1 -1
- package/components/Icon/__generated__/CarAddIcon.js.map +1 -1
- package/components/Icon/__generated__/CarCheckIcon.js.map +1 -1
- package/components/Icon/__generated__/CarDrivyOpenIcon.js.map +1 -1
- package/components/Icon/__generated__/CarGroupIcon.js.map +1 -1
- package/components/Icon/__generated__/CarIcon.js.map +1 -1
- package/components/Icon/__generated__/CarLockIcon.js.map +1 -1
- package/components/Icon/__generated__/CarReturnIcon.js.map +1 -1
- package/components/Icon/__generated__/CarSearchIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeAntiqueIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeCabrioletIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeCampervanIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeCityIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeConvertibleIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeCoupeIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeFamilyIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeFourFourIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeMinibusIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeSedanIcon.js.map +1 -1
- package/components/Icon/__generated__/CarTypeUtilityIcon.js.map +1 -1
- package/components/Icon/__generated__/CheckCircleIcon.js.map +1 -1
- package/components/Icon/__generated__/CheckIcon.js.map +1 -1
- package/components/Icon/__generated__/ChevronDownIcon.js.map +1 -1
- package/components/Icon/__generated__/ChevronLeftIcon.js.map +1 -1
- package/components/Icon/__generated__/ChevronRightIcon.js.map +1 -1
- package/components/Icon/__generated__/ChevronUpIcon.js.map +1 -1
- package/components/Icon/__generated__/CloseIcon.js.map +1 -1
- package/components/Icon/__generated__/ContactMailIcon.js.map +1 -1
- package/components/Icon/__generated__/ContactPhoneIcon.js.map +1 -1
- package/components/Icon/__generated__/ContextualPaperclipIcon.js.map +1 -1
- package/components/Icon/__generated__/ContextualQuestionIcon.js.map +1 -1
- package/components/Icon/__generated__/ContextualWarningCircleFilledIcon.js.map +1 -1
- package/components/Icon/__generated__/ContextualWarningCircleIcon.js.map +1 -1
- package/components/Icon/__generated__/CreditCardIcon.js.map +1 -1
- package/components/Icon/__generated__/DirectionsIcon.js.map +1 -1
- package/components/Icon/__generated__/DocumentIcon.js +23 -0
- package/components/Icon/__generated__/DocumentIcon.js.map +1 -0
- package/components/Icon/__generated__/DotsHorizontalIcon.js.map +1 -1
- package/components/Icon/__generated__/DotsVerticalIcon.js.map +1 -1
- package/components/Icon/__generated__/DownloadIcon.js.map +1 -1
- package/components/Icon/__generated__/EarthIcon.js.map +1 -1
- package/components/Icon/__generated__/EditIcon.js.map +1 -1
- package/components/Icon/__generated__/ExternalLinkIcon.js.map +1 -1
- package/components/Icon/__generated__/EyeIcon.js.map +1 -1
- package/components/Icon/__generated__/FiltersIcon.js.map +1 -1
- package/components/Icon/__generated__/FlagIcon.js.map +1 -1
- package/components/Icon/__generated__/GeolocationIcon.js.map +1 -1
- package/components/Icon/__generated__/GraphUpIcon.js.map +1 -1
- package/components/Icon/__generated__/IncidentIcon.js.map +1 -1
- package/components/Icon/__generated__/InfoFilledIcon.js.map +1 -1
- package/components/Icon/__generated__/InfoIcon.js.map +1 -1
- package/components/Icon/__generated__/InstantIcon.js.map +1 -1
- package/components/Icon/__generated__/KeyIcon.js.map +1 -1
- package/components/Icon/__generated__/LoadingIcon.js.map +1 -1
- package/components/Icon/__generated__/LocalityIcon.js.map +1 -1
- package/components/Icon/__generated__/LocationMapIcon.js.map +1 -1
- package/components/Icon/__generated__/LocationParkingIcon.js.map +1 -1
- package/components/Icon/__generated__/LocationPinIcon.js.map +1 -1
- package/components/Icon/__generated__/LogoutIcon.js.map +1 -1
- package/components/Icon/__generated__/MapIcon.js.map +1 -1
- package/components/Icon/__generated__/MeetDriverIcon.js.map +1 -1
- package/components/Icon/__generated__/MeetOwnerIcon.js.map +1 -1
- package/components/Icon/__generated__/MenuListIcon.js.map +1 -1
- package/components/Icon/__generated__/MileageIcon.js.map +1 -1
- package/components/Icon/__generated__/MiscGiftIcon.js.map +1 -1
- package/components/Icon/__generated__/NotificationIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionAirConditioningIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionAndroidAutoIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionAppleCarplayIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionAudioInputIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionBabySeatIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionBikeRackIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionBluetoothAudioIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionCdPlayerIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionChainsIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionCruiseControlIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionDashcamIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionGpsIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionHasTrailerIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionHitchIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionRoofBoxIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionSkiRackIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionSnowTireIcon.js.map +1 -1
- package/components/Icon/__generated__/OptionWheelchairAccessibleIcon.js.map +1 -1
- package/components/Icon/__generated__/PeopleUserIcon.js.map +1 -1
- package/components/Icon/__generated__/PhotosIcon.js.map +1 -1
- package/components/Icon/__generated__/PlugIcon.js.map +1 -1
- package/components/Icon/__generated__/PlusIcon.js.map +1 -1
- package/components/Icon/__generated__/RaceFlagIcon.js.map +1 -1
- package/components/Icon/__generated__/RefreshIcon.js.map +1 -1
- package/components/Icon/__generated__/ResetIcon.js.map +1 -1
- package/components/Icon/__generated__/RideIcon.js.map +1 -1
- package/components/Icon/__generated__/SearchIcon.js.map +1 -1
- package/components/Icon/__generated__/ServiceBatteryIcon.js.map +1 -1
- package/components/Icon/__generated__/ServiceCleaningIcon.js.map +1 -1
- package/components/Icon/__generated__/ServiceFuelIcon.js.map +1 -1
- package/components/Icon/__generated__/ServiceHealingIcon.js.map +1 -1
- package/components/Icon/__generated__/ServiceLockedIcon.js.map +1 -1
- package/components/Icon/__generated__/ServiceTollsIcon.js.map +1 -1
- package/components/Icon/__generated__/ServiceUnlockedIcon.js.map +1 -1
- package/components/Icon/__generated__/SettingsIcon.js.map +1 -1
- package/components/Icon/__generated__/ShareIcon.js.map +1 -1
- package/components/Icon/__generated__/ShopIcon.js.map +1 -1
- package/components/Icon/__generated__/SocialFacebookIcon.js.map +1 -1
- package/components/Icon/__generated__/SocialLinkedinIcon.js.map +1 -1
- package/components/Icon/__generated__/SocialTwitterIcon.js.map +1 -1
- package/components/Icon/__generated__/SocialWhatsappIcon.js.map +1 -1
- package/components/Icon/__generated__/StarIcon.js.map +1 -1
- package/components/Icon/__generated__/SubwayIcon.js.map +1 -1
- package/components/Icon/__generated__/TimeAlertIcon.js.map +1 -1
- package/components/Icon/__generated__/TimeBackwardsIcon.js.map +1 -1
- package/components/Icon/__generated__/TimeCalendarIcon.js.map +1 -1
- package/components/Icon/__generated__/TimeForwardIcon.js.map +1 -1
- package/components/Icon/__generated__/TrainIcon.js.map +1 -1
- package/components/Icon/__generated__/UserShieldIcon.js.map +1 -1
- package/components/Icon/__generated__/VerifiedSealIcon.js.map +1 -1
- package/components/Icon/__generated__/WalletIcon.js +23 -0
- package/components/Icon/__generated__/WalletIcon.js.map +1 -0
- package/components/Icon/__generated__/WrenchIcon.js.map +1 -1
- package/components/Icon/index.js.map +1 -1
- package/components/Modal/ModalBody.js.map +1 -1
- package/components/Modal/ModalFooter.js.map +1 -1
- package/components/Modal/ModalHeader.js.map +1 -1
- package/components/Modal/index.js.map +1 -1
- package/components/ModalOpenerButton/index.js.map +1 -1
- package/components/Note/index.js.map +1 -1
- package/components/PhotoDropzone/index.js.map +1 -1
- package/components/Pill/index.js.map +1 -1
- package/components/Popover/LazyTippy.js.map +1 -1
- package/components/Popover/index.js.map +1 -1
- package/components/PriceTable/index.js.map +1 -1
- package/components/ProgressBar/index.js.map +1 -1
- package/components/Tabs/index.js.map +1 -1
- package/components/Tag/index.js.map +1 -1
- package/components/TextContainer/index.js.map +1 -1
- package/components/utils/Timer.js.map +1 -1
- package/components/utils/capitalize.js.map +1 -1
- package/components/utils/dom.js.map +1 -1
- package/components/utils/eqSet.js.map +1 -1
- package/components/utils/px.js.map +1 -1
- package/components/utils/validateFile.js.map +1 -1
- package/hooks/useBreakpoint.js.map +1 -1
- package/hooks/useElementHeight.js.map +1 -1
- package/icons/document.js +4 -0
- package/icons/document.js.map +1 -0
- package/icons/document.svg +1 -0
- package/icons/index.js +2 -0
- package/icons/index.js.map +1 -1
- package/icons/wallet.js +4 -0
- package/icons/wallet.js.map +1 -0
- package/icons/wallet.svg +1 -0
- package/index.js +2 -0
- package/index.js.map +1 -1
- package/package.json +20 -20
- package/tokens/icons.js +2 -0
- package/tokens/icons.js.map +1 -1
- package/tokens/index.js.map +1 -1
- package/types/components/Button/index.d.ts +8 -8
- package/types/components/Buttons/BrandButton/index.d.ts +2 -2
- package/types/components/Buttons/DefaultButton/index.d.ts +2 -2
- package/types/components/Buttons/GhostButton/index.d.ts +2 -2
- package/types/components/Form/Autocomplete/index.d.ts +2 -2
- package/types/components/Form/TextInput.d.ts +3 -3
- package/types/components/Icon/__generated__/DocumentIcon.d.ts +10 -0
- package/types/components/Icon/__generated__/WalletIcon.d.ts +10 -0
- package/types/components/Icon/__generated__/index.d.ts +2 -0
- package/types/components/Icon/index.d.ts +1 -1
- package/types/icons/index.d.ts +2 -0
- package/types/tokens/index.d.ts +2 -0
package/cjs/tokens/icons.js
CHANGED
|
@@ -44,6 +44,7 @@ const icons = {
|
|
|
44
44
|
contextualWarningCircle: "contextual-warning-circle.svg",
|
|
45
45
|
creditCard: "credit-card.svg",
|
|
46
46
|
directions: "directions.svg",
|
|
47
|
+
document: "document.svg",
|
|
47
48
|
dotsHorizontal: "dots-horizontal.svg",
|
|
48
49
|
dotsVertical: "dots-vertical.svg",
|
|
49
50
|
download: "download.svg",
|
|
@@ -123,6 +124,7 @@ const icons = {
|
|
|
123
124
|
train: "train.svg",
|
|
124
125
|
userShield: "user-shield.svg",
|
|
125
126
|
verifiedSeal: "verified-seal.svg",
|
|
127
|
+
wallet: "wallet.svg",
|
|
126
128
|
wrench: "wrench.svg"
|
|
127
129
|
};
|
|
128
130
|
var _icons = {
|
package/cjs/tokens/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/tokens/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _colors from \"./colors.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const colors = _colors\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\n"],"names":["_breakpoints","_colors","_countries","_icons","_zIndexes"],"mappings":";;;;;;;;;;AAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _colors from \"./colors.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const colors = _colors\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\n"],"names":["_breakpoints","_colors","_countries","_icons","_zIndexes"],"mappings":";;;;;;;;;;AAAA;AAOO,IAAM,WAAW,GAAGA,yBAAY;AAChC,IAAM,MAAM,GAAGC,oBAAO;AACtB,IAAM,SAAS,GAAGC,uBAAU;AAC5B,IAAM,KAAK,GAAGC,mBAAM;AACpB,IAAM,QAAQ,GAAGC;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleIcon.js","sources":["../../../src/components/Accordion/ToggleIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\ntype ToggleIconPropsType = { isOpen: boolean }\n\nconst ToggleIcon = ({ isOpen }: ToggleIconPropsType) => {\n return (\n <div\n className={cx(\"cobalt-accordion__header-icon\", {\n \"cobalt-accordion__header-icon--opened\": isOpen,\n })}\n />\n )\n}\n\nexport default ToggleIcon\n"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"ToggleIcon.js","sources":["../../../src/components/Accordion/ToggleIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\ntype ToggleIconPropsType = { isOpen: boolean }\n\nconst ToggleIcon = ({ isOpen }: ToggleIconPropsType) => {\n return (\n <div\n className={cx(\"cobalt-accordion__header-icon\", {\n \"cobalt-accordion__header-icon--opened\": isOpen,\n })}\n />\n )\n}\n\nexport default ToggleIcon\n"],"names":[],"mappings":";;;AAKM,IAAA,UAAU,GAAG,UAAC,EAA+B,EAAA;AAA7B,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;AAC1B,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE;AAC7C,YAAA,uCAAuC,EAAE,MAAM;SAChD,CAAC,EAAA,CACF,EACH;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\nimport {\n Accordion as ReachAccordion,\n AccordionItem as ReachAccordionItem,\n AccordionButton as ReachAccordionButton,\n AccordionPanel as ReachAccordionPanel,\n AccordionProps as ReachAccordionProps,\n AccordionItemProps as ReachAccordionItemProps,\n AccordionButtonProps as ReachAccordionButtonProps,\n useAccordionItemContext,\n AccordionPanelProps as ReachAccordionPanelProps,\n} from \"@reach/accordion\"\nimport ToggleIcon from \"./ToggleIcon\"\nimport { animated, useSpring } from \"@react-spring/web\"\nimport useElementHeight from \"../../hooks/useElementHeight\"\nexport { useAccordionItemContext } from \"@reach/accordion\"\n\ntype HeadingLevelMapType = {\n h2: 2\n h3: 3\n h4: 4\n h5: 5\n h6: 6\n}\n\ntype HeadingTag = keyof HeadingLevelMapType\nexport type AccordionItemHeaderPropsType = {\n /**\n * To improve the semantics of the markup further, the ARIA guidelines dictate\n * that each accordion item's button should be wrapped in an element with\n * role=\"heading\", or more simply, an HTML heading tag.\n * https://reach.tech/accordion/#accordion-headings\n */\n headingLevel?: HeadingLevelMapType[HeadingTag]\n className?: string\n} & ReachAccordionButtonProps\n\nexport type AccordionItemPanelPropsType = {\n className?: string\n} & ReachAccordionPanelProps\nexport type AccordionItemPropsType = {\n className?: string\n} & ReachAccordionItemProps\nexport type AccordionPropsType = {\n className?: string\n // We have to explicit them below to get displayed by Storybook\n // should work without but might be an issue on Storybook side\n collapsible?: ReachAccordionProps[\"collapsible\"]\n defaultIndex?: ReachAccordionProps[\"defaultIndex\"]\n index?: ReachAccordionProps[\"index\"]\n multiple?: ReachAccordionProps[\"multiple\"]\n onChange?: ReachAccordionProps[\"onChange\"]\n} & ReachAccordionProps\n\nconst accordionSpringConfig = { tension: 300, friction: 30, clamp: true }\n\nexport const AccordionItemHeader = forwardRef<\n HTMLButtonElement,\n AccordionItemHeaderPropsType\n>(({ headingLevel = 4, className, children, ...props }, ref) => {\n const { isExpanded } = useAccordionItemContext()\n const Heading = `h${headingLevel}` as HeadingTag\n return (\n <Heading>\n <ReachAccordionButton\n ref={ref}\n className=\"cobalt-accordion__header\"\n {...props}\n >\n <span className={cx(\"cobalt-accordion__header-content\", className)}>\n {children}\n </span>\n <ToggleIcon isOpen={isExpanded} />\n </ReachAccordionButton>\n </Heading>\n )\n})\nAccordionItemHeader.displayName = \"Accordion.Item.Header\"\n\nconst AnimatedAccordionPanel = animated(ReachAccordionPanel)\nexport const AccordionItemPanel = ({\n children,\n className,\n ...props\n}: AccordionItemPanelPropsType) => {\n const { isExpanded } = useAccordionItemContext()\n const { ref, height } = useElementHeight<HTMLDivElement>()\n const animation = useSpring({\n opacity: isExpanded ? 1 : 0,\n height: isExpanded ? height : 0,\n overflow: \"hidden\",\n config: accordionSpringConfig,\n })\n\n return (\n <AnimatedAccordionPanel\n style={animation}\n // We need to set hidden to false for the exit animations to work\n // but the panel should still be hidden from the accessibility tree\n // when the panel is closed. We'll use aria-hidden instead.\n hidden={false}\n aria-hidden={!isExpanded || undefined}\n {...props}\n >\n <div ref={ref} className={cx(\"cobalt-accordion__panel\", className)}>\n {children}\n </div>\n </AnimatedAccordionPanel>\n )\n}\nAccordionItemPanel.displayName = \"Accordion.Item.Panel\"\n\nexport const AccordionItem = ({\n children,\n className,\n ...props\n}: AccordionItemPropsType) => {\n return (\n <ReachAccordionItem\n className={cx(\"cobalt-accordions-list__item\", className)}\n {...props}\n >\n {children}\n </ReachAccordionItem>\n )\n}\nAccordionItem.displayName = \"Accordion.Item\"\nAccordionItem.Header = AccordionItemHeader\nAccordionItem.Panel = AccordionItemPanel\n\nconst Accordion = ({\n className,\n children,\n index,\n collapsible = true,\n multiple = false,\n ...props\n}: AccordionPropsType) => {\n const hasIndex = index === 0 || !!index\n return (\n <ReachAccordion\n className={cx(\"cobalt-accordions-list\", className)}\n collapsible={!hasIndex && collapsible}\n multiple={!hasIndex && multiple}\n index={index}\n {...props}\n >\n {children}\n </ReachAccordion>\n )\n}\nAccordion.Item = AccordionItem\n\nexport default Accordion\n"],"names":["ReachAccordionButton","ReachAccordionPanel","ReachAccordionItem","ReachAccordion"],"mappings":";;;;;;;;;AAuDA,IAAM,qBAAqB,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;IAE5D,mBAAmB,GAAG,UAAU,CAG3C,UAAC,EAAmD,EAAE,GAAG;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\nimport {\n Accordion as ReachAccordion,\n AccordionItem as ReachAccordionItem,\n AccordionButton as ReachAccordionButton,\n AccordionPanel as ReachAccordionPanel,\n AccordionProps as ReachAccordionProps,\n AccordionItemProps as ReachAccordionItemProps,\n AccordionButtonProps as ReachAccordionButtonProps,\n useAccordionItemContext,\n AccordionPanelProps as ReachAccordionPanelProps,\n} from \"@reach/accordion\"\nimport ToggleIcon from \"./ToggleIcon\"\nimport { animated, useSpring } from \"@react-spring/web\"\nimport useElementHeight from \"../../hooks/useElementHeight\"\nexport { useAccordionItemContext } from \"@reach/accordion\"\n\ntype HeadingLevelMapType = {\n h2: 2\n h3: 3\n h4: 4\n h5: 5\n h6: 6\n}\n\ntype HeadingTag = keyof HeadingLevelMapType\nexport type AccordionItemHeaderPropsType = {\n /**\n * To improve the semantics of the markup further, the ARIA guidelines dictate\n * that each accordion item's button should be wrapped in an element with\n * role=\"heading\", or more simply, an HTML heading tag.\n * https://reach.tech/accordion/#accordion-headings\n */\n headingLevel?: HeadingLevelMapType[HeadingTag]\n className?: string\n} & ReachAccordionButtonProps\n\nexport type AccordionItemPanelPropsType = {\n className?: string\n} & ReachAccordionPanelProps\nexport type AccordionItemPropsType = {\n className?: string\n} & ReachAccordionItemProps\nexport type AccordionPropsType = {\n className?: string\n // We have to explicit them below to get displayed by Storybook\n // should work without but might be an issue on Storybook side\n collapsible?: ReachAccordionProps[\"collapsible\"]\n defaultIndex?: ReachAccordionProps[\"defaultIndex\"]\n index?: ReachAccordionProps[\"index\"]\n multiple?: ReachAccordionProps[\"multiple\"]\n onChange?: ReachAccordionProps[\"onChange\"]\n} & ReachAccordionProps\n\nconst accordionSpringConfig = { tension: 300, friction: 30, clamp: true }\n\nexport const AccordionItemHeader = forwardRef<\n HTMLButtonElement,\n AccordionItemHeaderPropsType\n>(({ headingLevel = 4, className, children, ...props }, ref) => {\n const { isExpanded } = useAccordionItemContext()\n const Heading = `h${headingLevel}` as HeadingTag\n return (\n <Heading>\n <ReachAccordionButton\n ref={ref}\n className=\"cobalt-accordion__header\"\n {...props}\n >\n <span className={cx(\"cobalt-accordion__header-content\", className)}>\n {children}\n </span>\n <ToggleIcon isOpen={isExpanded} />\n </ReachAccordionButton>\n </Heading>\n )\n})\nAccordionItemHeader.displayName = \"Accordion.Item.Header\"\n\nconst AnimatedAccordionPanel = animated(ReachAccordionPanel)\nexport const AccordionItemPanel = ({\n children,\n className,\n ...props\n}: AccordionItemPanelPropsType) => {\n const { isExpanded } = useAccordionItemContext()\n const { ref, height } = useElementHeight<HTMLDivElement>()\n const animation = useSpring({\n opacity: isExpanded ? 1 : 0,\n height: isExpanded ? height : 0,\n overflow: \"hidden\",\n config: accordionSpringConfig,\n })\n\n return (\n <AnimatedAccordionPanel\n style={animation}\n // We need to set hidden to false for the exit animations to work\n // but the panel should still be hidden from the accessibility tree\n // when the panel is closed. We'll use aria-hidden instead.\n hidden={false}\n aria-hidden={!isExpanded || undefined}\n {...props}\n >\n <div ref={ref} className={cx(\"cobalt-accordion__panel\", className)}>\n {children}\n </div>\n </AnimatedAccordionPanel>\n )\n}\nAccordionItemPanel.displayName = \"Accordion.Item.Panel\"\n\nexport const AccordionItem = ({\n children,\n className,\n ...props\n}: AccordionItemPropsType) => {\n return (\n <ReachAccordionItem\n className={cx(\"cobalt-accordions-list__item\", className)}\n {...props}\n >\n {children}\n </ReachAccordionItem>\n )\n}\nAccordionItem.displayName = \"Accordion.Item\"\nAccordionItem.Header = AccordionItemHeader\nAccordionItem.Panel = AccordionItemPanel\n\nconst Accordion = ({\n className,\n children,\n index,\n collapsible = true,\n multiple = false,\n ...props\n}: AccordionPropsType) => {\n const hasIndex = index === 0 || !!index\n return (\n <ReachAccordion\n className={cx(\"cobalt-accordions-list\", className)}\n collapsible={!hasIndex && collapsible}\n multiple={!hasIndex && multiple}\n index={index}\n {...props}\n >\n {children}\n </ReachAccordion>\n )\n}\nAccordion.Item = AccordionItem\n\nexport default Accordion\n"],"names":["ReachAccordionButton","ReachAccordionPanel","ReachAccordionItem","ReachAccordion"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../../src/components/Alerter/Alert.tsx"],"sourcesContent":["import React, { FunctionComponent, useEffect, useMemo } from \"react\"\nimport ReachAlert from \"@reach/alert\"\n\nimport { Icon, IconColors, IconSources } from \"../Icon\"\nimport { Timer } from \"../utils\"\n\nexport type AlertStatus = \"info\" | \"success\" | \"error\"\n\nexport type AlertType = FunctionComponent<{\n status?: AlertStatus\n dismiss: () => void\n}>\n\nconst ALERT_TIMEOUT = 3000\n\nconst STATUS_ICONS_MAP: { [k in AlertStatus]: IconSources } = {\n info: \"infoFilled\",\n success: \"checkCircle\",\n error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in AlertStatus]: IconColors } = {\n info: \"turquoise\",\n success: \"green\",\n error: \"red\",\n}\n\nconst Alert: AlertType = ({ children, status = \"info\", dismiss }) => {\n const icon = STATUS_ICONS_MAP[status]\n ? STATUS_ICONS_MAP[status]\n : \"infoFilled\"\n\n const iconColor: IconColors = STATUS_ICON_COLOR_MAP[status]\n ? STATUS_ICON_COLOR_MAP[status]\n : \"turquoise\"\n\n const alertTimer = useMemo(() => new Timer(dismiss, ALERT_TIMEOUT), [])\n\n useEffect(() => {\n alertTimer.run()\n }, [])\n\n const onMouseEnter = () => alertTimer.pause()\n const onMouseLeave = () => alertTimer.run()\n\n return (\n <ReachAlert\n className=\"cobalt-alert\"\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n <div className=\"cobalt-alert__wrapper\">\n <Icon\n source={icon}\n size={20}\n color={iconColor}\n className=\"cobalt-alert__icon\"\n />\n <span className=\"cobalt-alert__content\">{children}</span>\n </div>\n </ReachAlert>\n )\n}\n\nexport default Alert\n"],"names":[],"mappings":";;;;;;AAaA,IAAM,aAAa,GAAG,IAAI,CAAA;AAE1B,IAAM,gBAAgB,GAAwC;
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../../src/components/Alerter/Alert.tsx"],"sourcesContent":["import React, { FunctionComponent, useEffect, useMemo } from \"react\"\nimport ReachAlert from \"@reach/alert\"\n\nimport { Icon, IconColors, IconSources } from \"../Icon\"\nimport { Timer } from \"../utils\"\n\nexport type AlertStatus = \"info\" | \"success\" | \"error\"\n\nexport type AlertType = FunctionComponent<{\n status?: AlertStatus\n dismiss: () => void\n}>\n\nconst ALERT_TIMEOUT = 3000\n\nconst STATUS_ICONS_MAP: { [k in AlertStatus]: IconSources } = {\n info: \"infoFilled\",\n success: \"checkCircle\",\n error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in AlertStatus]: IconColors } = {\n info: \"turquoise\",\n success: \"green\",\n error: \"red\",\n}\n\nconst Alert: AlertType = ({ children, status = \"info\", dismiss }) => {\n const icon = STATUS_ICONS_MAP[status]\n ? STATUS_ICONS_MAP[status]\n : \"infoFilled\"\n\n const iconColor: IconColors = STATUS_ICON_COLOR_MAP[status]\n ? STATUS_ICON_COLOR_MAP[status]\n : \"turquoise\"\n\n const alertTimer = useMemo(() => new Timer(dismiss, ALERT_TIMEOUT), [])\n\n useEffect(() => {\n alertTimer.run()\n }, [])\n\n const onMouseEnter = () => alertTimer.pause()\n const onMouseLeave = () => alertTimer.run()\n\n return (\n <ReachAlert\n className=\"cobalt-alert\"\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n <div className=\"cobalt-alert__wrapper\">\n <Icon\n source={icon}\n size={20}\n color={iconColor}\n className=\"cobalt-alert__icon\"\n />\n <span className=\"cobalt-alert__content\">{children}</span>\n </div>\n </ReachAlert>\n )\n}\n\nexport default Alert\n"],"names":[],"mappings":";;;;;;AAaA,IAAM,aAAa,GAAG,IAAI,CAAA;AAE1B,IAAM,gBAAgB,GAAwC;AAC5D,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,+BAA+B;CACvC,CAAA;AAED,IAAM,qBAAqB,GAAuC;AAChE,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,KAAK,EAAE,KAAK;CACb,CAAA;AAEK,IAAA,KAAK,GAAc,UAAC,EAAsC,EAAA;QAApC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,MAAe,EAAf,MAAM,mBAAG,MAAM,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,CAAA;AAC5D,IAAA,IAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACnC,UAAE,gBAAgB,CAAC,MAAM,CAAC;UACxB,YAAY,CAAA;AAEhB,IAAA,IAAM,SAAS,GAAe,qBAAqB,CAAC,MAAM,CAAC;AACzD,UAAE,qBAAqB,CAAC,MAAM,CAAC;UAC7B,WAAW,CAAA;AAEf,IAAA,IAAM,UAAU,GAAG,OAAO,CAAC,YAAM,EAAA,OAAA,IAAI,KAAK,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA,EAAA,EAAE,EAAE,CAAC,CAAA;AAEvE,IAAA,SAAS,CAAC,YAAA;QACR,UAAU,CAAC,GAAG,EAAE,CAAA;KACjB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,YAAY,GAAG,YAAA,EAAM,OAAA,UAAU,CAAC,KAAK,EAAE,CAAlB,EAAkB,CAAA;IAC7C,IAAM,YAAY,GAAG,YAAA,EAAM,OAAA,UAAU,CAAC,GAAG,EAAE,CAAhB,EAAgB,CAAA;AAE3C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAC,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAAA;QAE1B,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;AACpC,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,EAChB,SAAS,EAAC,oBAAoB,EAC9B,CAAA;YACF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,QAAQ,CAAQ,CACrD,CACK,EACd;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import React, { useContext, useReducer, FunctionComponent } from \"react\"\nimport { nanoid } from \"nanoid\"\nimport Portal from \"@reach/portal\"\nimport cx from \"classnames\"\nimport { useTransition, animated, config } from \"@react-spring/web\"\n\nimport Alert, { AlertType } from \"./Alert\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { remToPx } from \"../utils\"\n\ntype AlertPropsType = Parameters<AlertType>[0]\n\nenum AlertActionType {\n send = \"send\",\n dismiss = \"dismiss\",\n}\n\nexport type AlertReducerActionData = {\n id: string\n status: AlertPropsType[\"status\"]\n message: AlertPropsType[\"children\"]\n // mandatory only for sent alerts\n dismiss?: AlertPropsType[\"dismiss\"]\n}\n\n// We omit props type private to the Alerter\ntype SendAlertParameters = Omit<AlertReducerActionData, \"dismiss\" | \"id\">\ntype DismissAlertParameters = Omit<AlertReducerActionData, \"dismiss\">\n// We omit types only use in the reducer\ntype AlertsQueue = (Omit<AlertReducerActionData, \"dismiss\"> & {\n dismiss: NonNullable<AlertReducerActionData[\"dismiss\"]>\n})[]\n\nconst hasDismiss = (\n alertData: AlertReducerActionData\n): alertData is AlertsQueue[0] => \"dismiss\" in alertData\n\nconst initialQueue: AlertsQueue = []\n\nfunction alertsReducer(\n queue: AlertsQueue,\n action: AlertReducerActionData & { type: AlertActionType }\n): AlertsQueue {\n const { type, ...alertData } = action\n if (type === AlertActionType.dismiss) {\n return queue.filter((a) => a.id !== alertData.id)\n }\n // We can't send alerts in the queue without providing a way to dismiss it\n if (type === AlertActionType.send && hasDismiss(alertData))\n return [alertData].concat(queue)\n return queue\n}\n\nconst defaultSendAlert: React.Dispatch<SendAlertParameters> = () => initialQueue // we never actually use this\nconst AlertsContext = React.createContext({\n queue: initialQueue,\n sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional\n})\n\nconst AlertsProvider: FunctionComponent = (props) => {\n const [queue, dispatch] = useReducer(alertsReducer, initialQueue)\n const dismissAlert: React.Dispatch<DismissAlertParameters> = (args) => {\n dispatch({\n type: AlertActionType.dismiss,\n ...args,\n })\n }\n const sendAlert: React.Dispatch<SendAlertParameters> = (args) => {\n const alertData = { ...args, id: nanoid() }\n dispatch({\n type: AlertActionType.send,\n ...alertData,\n dismiss: () => dismissAlert(alertData),\n })\n }\n return <AlertsContext.Provider value={{ queue, sendAlert }} {...props} />\n}\n\n// Alerter hook\nexport const useAlerts = () => {\n return useContext(AlertsContext)\n}\n\nconst InnerAlerter = ({ children }: { children: React.ReactNode }) => {\n const { queue } = useAlerts()\n const { isMobile } = useBreakpoint()\n\n const transformSpring = {\n from: remToPx(2),\n enter: 0,\n leave: isMobile ? remToPx(2) : remToPx(5),\n }\n\n const transition = useTransition(queue, {\n keys: queue.map((a) => a.id),\n from: { opacity: 0, transform: transformSpring.from },\n enter: { opacity: 1, transform: transformSpring.enter },\n leave: { opacity: 0, transform: transformSpring.leave },\n config: config.stiff,\n })\n\n return (\n <>\n <Portal>\n <div\n className={cx(\"cobalt-alerts\", {\n \"cobalt-alerts--mobile\": isMobile,\n })}\n >\n {transition((style, alertData) => (\n <animated.div\n key={alertData.id}\n style={{\n opacity: style.opacity,\n ...(isMobile\n ? { translateY: style.transform }\n : { translateX: style.transform }),\n }}\n >\n <Alert status={alertData.status} dismiss={alertData.dismiss}>\n {alertData.message}\n </Alert>\n </animated.div>\n ))}\n </div>\n </Portal>\n {children}\n </>\n )\n}\n\nconst Alerter = (props: { children: React.ReactNode }) => {\n return (\n <AlertsProvider>\n <InnerAlerter {...props} />\n </AlertsProvider>\n )\n}\n\nexport default Alerter\n"],"names":[],"mappings":";;;;;;;;;;;AAYA,IAAK,eAGJ;AAHD,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import React, { useContext, useReducer, FunctionComponent } from \"react\"\nimport { nanoid } from \"nanoid\"\nimport Portal from \"@reach/portal\"\nimport cx from \"classnames\"\nimport { useTransition, animated, config } from \"@react-spring/web\"\n\nimport Alert, { AlertType } from \"./Alert\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { remToPx } from \"../utils\"\n\ntype AlertPropsType = Parameters<AlertType>[0]\n\nenum AlertActionType {\n send = \"send\",\n dismiss = \"dismiss\",\n}\n\nexport type AlertReducerActionData = {\n id: string\n status: AlertPropsType[\"status\"]\n message: AlertPropsType[\"children\"]\n // mandatory only for sent alerts\n dismiss?: AlertPropsType[\"dismiss\"]\n}\n\n// We omit props type private to the Alerter\ntype SendAlertParameters = Omit<AlertReducerActionData, \"dismiss\" | \"id\">\ntype DismissAlertParameters = Omit<AlertReducerActionData, \"dismiss\">\n// We omit types only use in the reducer\ntype AlertsQueue = (Omit<AlertReducerActionData, \"dismiss\"> & {\n dismiss: NonNullable<AlertReducerActionData[\"dismiss\"]>\n})[]\n\nconst hasDismiss = (\n alertData: AlertReducerActionData\n): alertData is AlertsQueue[0] => \"dismiss\" in alertData\n\nconst initialQueue: AlertsQueue = []\n\nfunction alertsReducer(\n queue: AlertsQueue,\n action: AlertReducerActionData & { type: AlertActionType }\n): AlertsQueue {\n const { type, ...alertData } = action\n if (type === AlertActionType.dismiss) {\n return queue.filter((a) => a.id !== alertData.id)\n }\n // We can't send alerts in the queue without providing a way to dismiss it\n if (type === AlertActionType.send && hasDismiss(alertData))\n return [alertData].concat(queue)\n return queue\n}\n\nconst defaultSendAlert: React.Dispatch<SendAlertParameters> = () => initialQueue // we never actually use this\nconst AlertsContext = React.createContext({\n queue: initialQueue,\n sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional\n})\n\nconst AlertsProvider: FunctionComponent = (props) => {\n const [queue, dispatch] = useReducer(alertsReducer, initialQueue)\n const dismissAlert: React.Dispatch<DismissAlertParameters> = (args) => {\n dispatch({\n type: AlertActionType.dismiss,\n ...args,\n })\n }\n const sendAlert: React.Dispatch<SendAlertParameters> = (args) => {\n const alertData = { ...args, id: nanoid() }\n dispatch({\n type: AlertActionType.send,\n ...alertData,\n dismiss: () => dismissAlert(alertData),\n })\n }\n return <AlertsContext.Provider value={{ queue, sendAlert }} {...props} />\n}\n\n// Alerter hook\nexport const useAlerts = () => {\n return useContext(AlertsContext)\n}\n\nconst InnerAlerter = ({ children }: { children: React.ReactNode }) => {\n const { queue } = useAlerts()\n const { isMobile } = useBreakpoint()\n\n const transformSpring = {\n from: remToPx(2),\n enter: 0,\n leave: isMobile ? remToPx(2) : remToPx(5),\n }\n\n const transition = useTransition(queue, {\n keys: queue.map((a) => a.id),\n from: { opacity: 0, transform: transformSpring.from },\n enter: { opacity: 1, transform: transformSpring.enter },\n leave: { opacity: 0, transform: transformSpring.leave },\n config: config.stiff,\n })\n\n return (\n <>\n <Portal>\n <div\n className={cx(\"cobalt-alerts\", {\n \"cobalt-alerts--mobile\": isMobile,\n })}\n >\n {transition((style, alertData) => (\n <animated.div\n key={alertData.id}\n style={{\n opacity: style.opacity,\n ...(isMobile\n ? { translateY: style.transform }\n : { translateX: style.transform }),\n }}\n >\n <Alert status={alertData.status} dismiss={alertData.dismiss}>\n {alertData.message}\n </Alert>\n </animated.div>\n ))}\n </div>\n </Portal>\n {children}\n </>\n )\n}\n\nconst Alerter = (props: { children: React.ReactNode }) => {\n return (\n <AlertsProvider>\n <InnerAlerter {...props} />\n </AlertsProvider>\n )\n}\n\nexport default Alerter\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/BasicCell/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface BasicCellProps {\n children: React.ReactNode\n leftAddonIcon?: React.ReactNode\n leftAddonThumbUrl?: string\n leftAddonThumbAlt?: string\n title: string\n rightAddonIcon?: React.ReactNode\n large?: boolean\n}\n\nexport const BasicCell = ({\n leftAddonIcon,\n leftAddonThumbUrl,\n leftAddonThumbAlt,\n title,\n children,\n rightAddonIcon,\n large = false,\n}: BasicCellProps) => {\n let leftAddon: React.ReactNode | BasicCellProps[\"leftAddonIcon\"] | null = null\n\n if (leftAddonIcon != null) leftAddon = leftAddonIcon\n else if (leftAddonThumbUrl != null) {\n const leftAddonThumbSize = large ? 64 : 44\n leftAddon = (\n <div className=\"cobalt-BasicCell__Thumb\">\n <img\n src={leftAddonThumbUrl}\n alt={leftAddonThumbAlt}\n width={leftAddonThumbSize}\n height={leftAddonThumbSize}\n />\n </div>\n )\n }\n\n return (\n <div\n className={cx(\"cobalt-BasicCell\", {\n \"cobalt-BasicCell--large\": large === true,\n })}\n >\n {leftAddon != null && (\n <div className=\"cobalt-BasicCell__LeftAddon\">{leftAddon}</div>\n )}\n <div className=\"cobalt-BasicCell__Main\">\n <div className=\"cobalt-BasicCell__Title\">{title}</div>\n <div className=\"cobalt-BasicCell__Content\">{children}</div>\n </div>\n {rightAddonIcon != null && (\n <div className=\"cobalt-BasicCell__RightAddonIcon\">{rightAddonIcon}</div>\n )}\n </div>\n )\n}\n"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/BasicCell/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface BasicCellProps {\n children: React.ReactNode\n leftAddonIcon?: React.ReactNode\n leftAddonThumbUrl?: string\n leftAddonThumbAlt?: string\n title: string\n rightAddonIcon?: React.ReactNode\n large?: boolean\n}\n\nexport const BasicCell = ({\n leftAddonIcon,\n leftAddonThumbUrl,\n leftAddonThumbAlt,\n title,\n children,\n rightAddonIcon,\n large = false,\n}: BasicCellProps) => {\n let leftAddon: React.ReactNode | BasicCellProps[\"leftAddonIcon\"] | null = null\n\n if (leftAddonIcon != null) leftAddon = leftAddonIcon\n else if (leftAddonThumbUrl != null) {\n const leftAddonThumbSize = large ? 64 : 44\n leftAddon = (\n <div className=\"cobalt-BasicCell__Thumb\">\n <img\n src={leftAddonThumbUrl}\n alt={leftAddonThumbAlt}\n width={leftAddonThumbSize}\n height={leftAddonThumbSize}\n />\n </div>\n )\n }\n\n return (\n <div\n className={cx(\"cobalt-BasicCell\", {\n \"cobalt-BasicCell--large\": large === true,\n })}\n >\n {leftAddon != null && (\n <div className=\"cobalt-BasicCell__LeftAddon\">{leftAddon}</div>\n )}\n <div className=\"cobalt-BasicCell__Main\">\n <div className=\"cobalt-BasicCell__Title\">{title}</div>\n <div className=\"cobalt-BasicCell__Content\">{children}</div>\n </div>\n {rightAddonIcon != null && (\n <div className=\"cobalt-BasicCell__RightAddonIcon\">{rightAddonIcon}</div>\n )}\n </div>\n )\n}\n"],"names":[],"mappings":";;;AAaO,IAAM,SAAS,GAAG,UAAC,EAQT,EAAA;QAPf,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,aAAa,EAAb,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,CAAA;IAEb,IAAI,SAAS,GAA6D,IAAI,CAAA;IAE9E,IAAI,aAAa,IAAI,IAAI;QAAE,SAAS,GAAG,aAAa,CAAA;SAC/C,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAClC,IAAM,kBAAkB,GAAG,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;AAC1C,QAAA,SAAS,IACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA;AACtC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,kBAAkB,EAC1B,CAAA,CACE,CACP,CAAA;AACF,KAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;YAChC,yBAAyB,EAAE,KAAK,KAAK,IAAI;SAC1C,CAAC,EAAA;QAED,SAAS,IAAI,IAAI,KAChB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,EAAE,SAAS,CAAO,CAC/D;QACD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,EAAE,KAAK,CAAO;AACtD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAE,EAAA,QAAQ,CAAO,CACvD;AACL,QAAA,cAAc,IAAI,IAAI,KACrB,6BAAK,SAAS,EAAC,kCAAkC,EAAA,EAAE,cAAc,CAAO,CACzE,CACG,EACP;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/BulletList/index.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Icon } from \"../Icon\"\n\ninterface BulletListProps {\n children: React.ReactNode\n iconPosition?: \"top\" | \"centered\"\n}\n\nexport const BulletList = ({\n children,\n iconPosition = \"centered\",\n}: BulletListProps) => (\n <ul\n className={classNames(\"cobalt-BulletList\", {\n \"cobalt-BulletList--iconPositionTop\": iconPosition === \"top\",\n })}\n >\n {children}\n </ul>\n)\n\ninterface BulletListItemProps {\n children: React.ReactNode\n icon: typeof Icon\n}\n\nexport const BulletListItem = ({ children, icon }: BulletListItemProps) => (\n <li className=\"cobalt-BulletListItem\">\n <span className=\"cobalt-BulletListItem__Icon\">{icon}</span>\n <p className=\"cobalt-BulletListItem__Content\">{children}</p>\n </li>\n)\n"],"names":["classNames"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/BulletList/index.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Icon } from \"../Icon\"\n\ninterface BulletListProps {\n children: React.ReactNode\n iconPosition?: \"top\" | \"centered\"\n}\n\nexport const BulletList = ({\n children,\n iconPosition = \"centered\",\n}: BulletListProps) => (\n <ul\n className={classNames(\"cobalt-BulletList\", {\n \"cobalt-BulletList--iconPositionTop\": iconPosition === \"top\",\n })}\n >\n {children}\n </ul>\n)\n\ninterface BulletListItemProps {\n children: React.ReactNode\n icon: typeof Icon\n}\n\nexport const BulletListItem = ({ children, icon }: BulletListItemProps) => (\n <li className=\"cobalt-BulletListItem\">\n <span className=\"cobalt-BulletListItem__Icon\">{icon}</span>\n <p className=\"cobalt-BulletListItem__Content\">{children}</p>\n </li>\n)\n"],"names":["classNames"],"mappings":";;;AASO,IAAM,UAAU,GAAG,UAAC,EAGT,EAAA;AAFhB,IAAA,IAAA,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,YAAyB,EAAzB,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,UAAU,GAAA,EAAA,CAAA;AACJ,IAAA,QACrB,KACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,mBAAmB,EAAE;YACzC,oCAAoC,EAAE,YAAY,KAAK,KAAK;SAC7D,CAAC,EAAA,EAED,QAAQ,CACN,EACN;AARsB,EAQtB;AAOM,IAAM,cAAc,GAAG,UAAC,EAAuC,EAAA;QAArC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA;AAA4B,IAAA,QACzE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,uBAAuB,EAAA;AACnC,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,EAAE,IAAI,CAAQ;AAC3D,QAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAK,CACzD,EACN;AAL0E;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { Ref } from \"react\"\n\nimport Brand, { BrandButtonPropsType } from \"../Buttons/BrandButton\"\nimport Ghost, { GhostButtonPropsType } from \"../Buttons/GhostButton\"\nimport Inversed, { InversedButtonPropsType } from \"../Buttons/InversedButton\"\nimport Default, { DefaultButtonPropsType } from \"../Buttons/DefaultButton\"\nimport { isLinkProps } from \"../Buttons/ButtonComponent\"\n\ntype withButtonRef<Props> = Props & { forwardedRef?: Ref<HTMLButtonElement> }\n\n/**\n * We add API only props here since it's not related to the Buttons subcomponents\n */\ntype BrandButtonAPIPropsType = BrandButtonPropsType\ntype InversedButtonAPIPropsType = InversedButtonPropsType & { inversed?: true }\ntype GhostButtonAPIPropsType = GhostButtonPropsType & { ghost?: true }\ntype DefaultButtonAPIPropsType = DefaultButtonPropsType\n\n/**\n * Overloads\n */\ntype ButtonOverload = {\n (props: withButtonRef<BrandButtonAPIPropsType>): JSX.Element\n (props: withButtonRef<InversedButtonAPIPropsType>): JSX.Element\n (props: withButtonRef<GhostButtonAPIPropsType>): JSX.Element\n (props: withButtonRef<DefaultButtonAPIPropsType>): JSX.Element\n}\n\nexport type ButtonPropsType =\n | withButtonRef<BrandButtonAPIPropsType>\n | withButtonRef<InversedButtonAPIPropsType>\n | withButtonRef<GhostButtonAPIPropsType>\n | withButtonRef<DefaultButtonAPIPropsType>\n\nconst isBrandButtonProps = (\n props: ButtonPropsType\n): props is BrandButtonAPIPropsType => \"brand\" in props && !isLinkProps(props)\n\nconst isInversedButtonProps = (\n props: ButtonPropsType\n): props is InversedButtonAPIPropsType =>\n \"inversed\" in props && props.inversed === true && !isLinkProps(props)\n\nconst isGhostButtonProps = (\n props: ButtonPropsType\n): props is GhostButtonAPIPropsType =>\n \"ghost\" in props && props.ghost === true && !isLinkProps(props)\n\nconst isDefaultButtonProps = (\n props: ButtonPropsType\n): props is DefaultButtonAPIPropsType =>\n !isBrandButtonProps(props) &&\n !isGhostButtonProps(props) &&\n !isInversedButtonProps(props)\n\nconst Button: ButtonOverload = (props: ButtonPropsType) => {\n const { forwardedRef, ...restButtonProps } = props\n\n // We extract here API only props to not passed them and we pass some\n // common props directly\n if (isBrandButtonProps(restButtonProps)) {\n return <Brand {...restButtonProps} ref={forwardedRef} />\n } else if (isInversedButtonProps(restButtonProps)) {\n // inversed is a props only used for API here\n const { inversed: _inversed, ...restProps } = restButtonProps\n return <Inversed {...restProps} ref={forwardedRef} />\n } else if (isGhostButtonProps(restButtonProps)) {\n // ghost is a props only used for API here\n const { ghost: _ghost, ...restProps } = restButtonProps\n return <Ghost {...restProps} ref={forwardedRef} />\n } else if (isDefaultButtonProps(restButtonProps)) {\n return <Default {...restButtonProps} ref={forwardedRef} />\n } else {\n throw new Error(\"[Cobalt]: Unexpected Button Component props error\")\n }\n}\n\nexport default Button\n"],"names":["Brand","Inversed","Ghost","Default"],"mappings":";;;;;;;;AAkCA,IAAM,kBAAkB,GAAG,UACzB,KAAsB,
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { Ref } from \"react\"\n\nimport Brand, { BrandButtonPropsType } from \"../Buttons/BrandButton\"\nimport Ghost, { GhostButtonPropsType } from \"../Buttons/GhostButton\"\nimport Inversed, { InversedButtonPropsType } from \"../Buttons/InversedButton\"\nimport Default, { DefaultButtonPropsType } from \"../Buttons/DefaultButton\"\nimport { isLinkProps } from \"../Buttons/ButtonComponent\"\n\ntype withButtonRef<Props> = Props & { forwardedRef?: Ref<HTMLButtonElement> }\n\n/**\n * We add API only props here since it's not related to the Buttons subcomponents\n */\ntype BrandButtonAPIPropsType = BrandButtonPropsType\ntype InversedButtonAPIPropsType = InversedButtonPropsType & { inversed?: true }\ntype GhostButtonAPIPropsType = GhostButtonPropsType & { ghost?: true }\ntype DefaultButtonAPIPropsType = DefaultButtonPropsType\n\n/**\n * Overloads\n */\ntype ButtonOverload = {\n (props: withButtonRef<BrandButtonAPIPropsType>): JSX.Element\n (props: withButtonRef<InversedButtonAPIPropsType>): JSX.Element\n (props: withButtonRef<GhostButtonAPIPropsType>): JSX.Element\n (props: withButtonRef<DefaultButtonAPIPropsType>): JSX.Element\n}\n\nexport type ButtonPropsType =\n | withButtonRef<BrandButtonAPIPropsType>\n | withButtonRef<InversedButtonAPIPropsType>\n | withButtonRef<GhostButtonAPIPropsType>\n | withButtonRef<DefaultButtonAPIPropsType>\n\nconst isBrandButtonProps = (\n props: ButtonPropsType\n): props is BrandButtonAPIPropsType => \"brand\" in props && !isLinkProps(props)\n\nconst isInversedButtonProps = (\n props: ButtonPropsType\n): props is InversedButtonAPIPropsType =>\n \"inversed\" in props && props.inversed === true && !isLinkProps(props)\n\nconst isGhostButtonProps = (\n props: ButtonPropsType\n): props is GhostButtonAPIPropsType =>\n \"ghost\" in props && props.ghost === true && !isLinkProps(props)\n\nconst isDefaultButtonProps = (\n props: ButtonPropsType\n): props is DefaultButtonAPIPropsType =>\n !isBrandButtonProps(props) &&\n !isGhostButtonProps(props) &&\n !isInversedButtonProps(props)\n\nconst Button: ButtonOverload = (props: ButtonPropsType) => {\n const { forwardedRef, ...restButtonProps } = props\n\n // We extract here API only props to not passed them and we pass some\n // common props directly\n if (isBrandButtonProps(restButtonProps)) {\n return <Brand {...restButtonProps} ref={forwardedRef} />\n } else if (isInversedButtonProps(restButtonProps)) {\n // inversed is a props only used for API here\n const { inversed: _inversed, ...restProps } = restButtonProps\n return <Inversed {...restProps} ref={forwardedRef} />\n } else if (isGhostButtonProps(restButtonProps)) {\n // ghost is a props only used for API here\n const { ghost: _ghost, ...restProps } = restButtonProps\n return <Ghost {...restProps} ref={forwardedRef} />\n } else if (isDefaultButtonProps(restButtonProps)) {\n return <Default {...restButtonProps} ref={forwardedRef} />\n } else {\n throw new Error(\"[Cobalt]: Unexpected Button Component props error\")\n }\n}\n\nexport default Button\n"],"names":["Brand","Inversed","Ghost","Default"],"mappings":";;;;;;;;AAkCA,IAAM,kBAAkB,GAAG,UACzB,KAAsB,EAAA,EACe,OAAA,OAAO,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA,EAAA,CAAA;AAE9E,IAAM,qBAAqB,GAAG,UAC5B,KAAsB,EAAA;AAEtB,IAAA,OAAA,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAArE,CAAqE,CAAA;AAEvE,IAAM,kBAAkB,GAAG,UACzB,KAAsB,EAAA;AAEtB,IAAA,OAAA,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAA/D,CAA+D,CAAA;AAEjE,IAAM,oBAAoB,GAAG,UAC3B,KAAsB,EAAA;AAEtB,IAAA,OAAA,CAAC,kBAAkB,CAAC,KAAK,CAAC;QAC1B,CAAC,kBAAkB,CAAC,KAAK,CAAC;QAC1B,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;AAF7B,CAE6B,CAAA;AAEzB,IAAA,MAAM,GAAmB,UAAC,KAAsB,EAAA;AAC5C,IAAA,IAAA,YAAY,GAAyB,KAAK,aAA9B,EAAK,eAAe,UAAK,KAAK;;;AAA5C,MAAA,CAAA,cAAA,CAAoC,CAAF,CAAU;;;AAIlD,IAAA,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE;QACvC,OAAO,KAAA,CAAA,aAAA,CAACA,WAAK,EAAK,QAAA,CAAA,EAAA,EAAA,eAAe,IAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AACzD,KAAA;AAAM,SAAA,IAAI,qBAAqB,CAAC,eAAe,CAAC,EAAE;;QAEH,eAAe,CAAlC,QAAA,CAAA,KAAK,SAAS,GAAA,MAAA,CAAK,eAAe,EAAvD,CAAqC,UAAA,CAAA,EAAkB;QAC7D,OAAO,KAAA,CAAA,aAAA,CAACC,cAAQ,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AACtD,KAAA;AAAM,SAAA,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE;;QAEN,eAAe,CAAlC,KAAA,CAAA,KAAK,SAAS,GAAA,MAAA,CAAK,eAAe,EAAjD,CAA+B,OAAA,CAAA,EAAkB;QACvD,OAAO,KAAA,CAAA,aAAA,CAACC,WAAK,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AACnD,KAAA;AAAM,SAAA,IAAI,oBAAoB,CAAC,eAAe,CAAC,EAAE;QAChD,OAAO,KAAA,CAAA,aAAA,CAACC,aAAO,EAAK,QAAA,CAAA,EAAA,EAAA,eAAe,IAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AAC3D,KAAA;AAAM,SAAA;AACL,QAAA,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;AACrE,KAAA;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../src/components/Button/Link.tsx"],"sourcesContent":["import React, { Ref } from \"react\"\n\nimport Brand, { BrandLinkPropsType } from \"../Buttons/BrandButton\"\nimport Ghost, { GhostLinkPropsType } from \"../Buttons/GhostButton\"\nimport Inversed, { InversedLinkPropsType } from \"../Buttons/InversedButton\"\nimport Default, { DefaultLinkPropsType } from \"../Buttons/DefaultButton\"\nimport { isLinkProps } from \"../Buttons/ButtonComponent\"\n\ntype withAnchorRef<Props> = Props & { forwardedRef?: Ref<HTMLAnchorElement> }\n\n/**\n * We add API only props here since it's not related to the Buttons subcomponents\n */\n\ntype BrandLinkAPIPropsType = BrandLinkPropsType\ntype InversedLinkAPIPropsType = InversedLinkPropsType & { inversed?: true }\ntype GhostLinkAPIPropsType = GhostLinkPropsType & { ghost?: true }\ntype DefaultLinkAPIPropsType = DefaultLinkPropsType\n\n/**\n * Overloads\n */\ntype LinkOverload = {\n (props: withAnchorRef<BrandLinkAPIPropsType>): JSX.Element\n (props: withAnchorRef<InversedLinkAPIPropsType>): JSX.Element\n (props: withAnchorRef<GhostLinkAPIPropsType>): JSX.Element\n (props: withAnchorRef<DefaultLinkAPIPropsType>): JSX.Element\n}\n\nexport type ButtonLinkPropsType =\n | withAnchorRef<BrandLinkAPIPropsType>\n | withAnchorRef<InversedLinkAPIPropsType>\n | withAnchorRef<GhostLinkAPIPropsType>\n | withAnchorRef<DefaultLinkAPIPropsType>\n\nconst isBrandLinkProps = (\n props: ButtonLinkPropsType\n): props is BrandLinkAPIPropsType => \"brand\" in props && isLinkProps(props)\n\nconst isInversedLinkProps = (\n props: ButtonLinkPropsType\n): props is InversedLinkAPIPropsType =>\n \"inversed\" in props && props.inversed === true && isLinkProps(props)\n\nconst isGhostLinkProps = (\n props: ButtonLinkPropsType\n): props is GhostLinkAPIPropsType =>\n \"ghost\" in props && props.ghost === true && isLinkProps(props)\n\nconst isDefaultLinkProps = (\n props: ButtonLinkPropsType\n): props is DefaultLinkAPIPropsType =>\n !isBrandLinkProps(props) &&\n !isGhostLinkProps(props) &&\n !isInversedLinkProps(props)\n\nconst Link: LinkOverload = (props: ButtonLinkPropsType) => {\n const { forwardedRef, ...restLinkProps } = props\n\n // We extract here specific button props\n // disabled props must be passed to provided a11y related attributes\n if (isBrandLinkProps(restLinkProps)) {\n return <Brand.Link {...restLinkProps} ref={forwardedRef} />\n } else if (isInversedLinkProps(restLinkProps)) {\n // inversed is a props only used for API here\n const { inversed: _inversed, ...restProps } = restLinkProps\n return <Inversed.Link {...restProps} ref={forwardedRef} />\n } else if (isGhostLinkProps(restLinkProps)) {\n // ghost is a props only used for API here\n const { ghost: _ghost, ...restProps } = restLinkProps\n return <Ghost.Link {...restProps} ref={forwardedRef} />\n } else if (isDefaultLinkProps(restLinkProps)) {\n return <Default.Link {...restLinkProps} ref={forwardedRef} />\n } else {\n throw new Error(\"[Cobalt]: Unexpected Button.Link Component props error\")\n }\n}\n\nexport default Link\n"],"names":["Brand","Inversed","Ghost","Default"],"mappings":";;;;;;;;AAmCA,IAAM,gBAAgB,GAAG,UACvB,KAA0B,
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../src/components/Button/Link.tsx"],"sourcesContent":["import React, { Ref } from \"react\"\n\nimport Brand, { BrandLinkPropsType } from \"../Buttons/BrandButton\"\nimport Ghost, { GhostLinkPropsType } from \"../Buttons/GhostButton\"\nimport Inversed, { InversedLinkPropsType } from \"../Buttons/InversedButton\"\nimport Default, { DefaultLinkPropsType } from \"../Buttons/DefaultButton\"\nimport { isLinkProps } from \"../Buttons/ButtonComponent\"\n\ntype withAnchorRef<Props> = Props & { forwardedRef?: Ref<HTMLAnchorElement> }\n\n/**\n * We add API only props here since it's not related to the Buttons subcomponents\n */\n\ntype BrandLinkAPIPropsType = BrandLinkPropsType\ntype InversedLinkAPIPropsType = InversedLinkPropsType & { inversed?: true }\ntype GhostLinkAPIPropsType = GhostLinkPropsType & { ghost?: true }\ntype DefaultLinkAPIPropsType = DefaultLinkPropsType\n\n/**\n * Overloads\n */\ntype LinkOverload = {\n (props: withAnchorRef<BrandLinkAPIPropsType>): JSX.Element\n (props: withAnchorRef<InversedLinkAPIPropsType>): JSX.Element\n (props: withAnchorRef<GhostLinkAPIPropsType>): JSX.Element\n (props: withAnchorRef<DefaultLinkAPIPropsType>): JSX.Element\n}\n\nexport type ButtonLinkPropsType =\n | withAnchorRef<BrandLinkAPIPropsType>\n | withAnchorRef<InversedLinkAPIPropsType>\n | withAnchorRef<GhostLinkAPIPropsType>\n | withAnchorRef<DefaultLinkAPIPropsType>\n\nconst isBrandLinkProps = (\n props: ButtonLinkPropsType\n): props is BrandLinkAPIPropsType => \"brand\" in props && isLinkProps(props)\n\nconst isInversedLinkProps = (\n props: ButtonLinkPropsType\n): props is InversedLinkAPIPropsType =>\n \"inversed\" in props && props.inversed === true && isLinkProps(props)\n\nconst isGhostLinkProps = (\n props: ButtonLinkPropsType\n): props is GhostLinkAPIPropsType =>\n \"ghost\" in props && props.ghost === true && isLinkProps(props)\n\nconst isDefaultLinkProps = (\n props: ButtonLinkPropsType\n): props is DefaultLinkAPIPropsType =>\n !isBrandLinkProps(props) &&\n !isGhostLinkProps(props) &&\n !isInversedLinkProps(props)\n\nconst Link: LinkOverload = (props: ButtonLinkPropsType) => {\n const { forwardedRef, ...restLinkProps } = props\n\n // We extract here specific button props\n // disabled props must be passed to provided a11y related attributes\n if (isBrandLinkProps(restLinkProps)) {\n return <Brand.Link {...restLinkProps} ref={forwardedRef} />\n } else if (isInversedLinkProps(restLinkProps)) {\n // inversed is a props only used for API here\n const { inversed: _inversed, ...restProps } = restLinkProps\n return <Inversed.Link {...restProps} ref={forwardedRef} />\n } else if (isGhostLinkProps(restLinkProps)) {\n // ghost is a props only used for API here\n const { ghost: _ghost, ...restProps } = restLinkProps\n return <Ghost.Link {...restProps} ref={forwardedRef} />\n } else if (isDefaultLinkProps(restLinkProps)) {\n return <Default.Link {...restLinkProps} ref={forwardedRef} />\n } else {\n throw new Error(\"[Cobalt]: Unexpected Button.Link Component props error\")\n }\n}\n\nexport default Link\n"],"names":["Brand","Inversed","Ghost","Default"],"mappings":";;;;;;;;AAmCA,IAAM,gBAAgB,GAAG,UACvB,KAA0B,EAAA,EACS,OAAA,OAAO,IAAI,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA,EAAA,CAAA;AAE3E,IAAM,mBAAmB,GAAG,UAC1B,KAA0B,EAAA;AAE1B,IAAA,OAAA,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA;AAApE,CAAoE,CAAA;AAEtE,IAAM,gBAAgB,GAAG,UACvB,KAA0B,EAAA;AAE1B,IAAA,OAAA,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA;AAA9D,CAA8D,CAAA;AAEhE,IAAM,kBAAkB,GAAG,UACzB,KAA0B,EAAA;AAE1B,IAAA,OAAA,CAAC,gBAAgB,CAAC,KAAK,CAAC;QACxB,CAAC,gBAAgB,CAAC,KAAK,CAAC;QACxB,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAF3B,CAE2B,CAAA;AAEvB,IAAA,IAAI,GAAiB,UAAC,KAA0B,EAAA;AAC5C,IAAA,IAAA,YAAY,GAAuB,KAAK,aAA5B,EAAK,aAAa,UAAK,KAAK;;;AAA1C,MAAA,CAAA,cAAA,CAAkC,CAAF,CAAU;;;AAIhD,IAAA,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE;QACnC,OAAO,KAAA,CAAA,aAAA,CAACA,WAAK,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AAC5D,KAAA;AAAM,SAAA,IAAI,mBAAmB,CAAC,aAAa,CAAC,EAAE;;QAEC,aAAa,CAAhC,QAAA,CAAA,KAAK,SAAS,GAAA,MAAA,CAAK,aAAa,EAArD,CAAqC,UAAA,CAAA,EAAgB;QAC3D,OAAO,KAAA,CAAA,aAAA,CAACC,cAAQ,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AAC3D,KAAA;AAAM,SAAA,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE;;QAEF,aAAa,CAAhC,KAAA,CAAA,KAAK,SAAS,GAAA,MAAA,CAAK,aAAa,EAA/C,CAA+B,OAAA,CAAA,EAAgB;QACrD,OAAO,KAAA,CAAA,aAAA,CAACC,WAAK,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AACxD,KAAA;AAAM,SAAA,IAAI,kBAAkB,CAAC,aAAa,CAAC,EAAE;QAC5C,OAAO,KAAA,CAAA,aAAA,CAACC,aAAO,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,GAAG,EAAE,YAAY,EAAA,CAAA,CAAI,CAAA;AAC9D,KAAA;AAAM,SAAA;AACL,QAAA,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;AAC1E,KAAA;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["// We have to import react to avoid TS using reference directives here\nimport _React from \"react\"\nimport _Button from \"./Button\"\nimport Link from \"./Link\"\nimport { ButtonPropsType as _ButtonPropsType } from \"./Button\"\nimport { ButtonLinkPropsType as _ButtonLinkPropsType } from \"./Link\"\nimport _ButtonGroup, {\n ButtonsGroupProps as _ButtonGroupProps,\n} from \"../Buttons/ButtonsGroup\"\n\n// We have to export types differently from modules\n// https://github.com/babel/babel/issues/8361\n// https://github.com/babel/babel-loader/issues/603#issuecomment-601682451\nexport type ButtonPropsType = _ButtonPropsType\nexport type ButtonLinkPropsType = _ButtonLinkPropsType\nexport type ButtonGroupProps = _ButtonGroupProps\n\nexport const ButtonGroup = _ButtonGroup\n\nexport const Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":["_ButtonGroup","_Button"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["// We have to import react to avoid TS using reference directives here\nimport _React from \"react\"\nimport _Button from \"./Button\"\nimport Link from \"./Link\"\nimport { ButtonPropsType as _ButtonPropsType } from \"./Button\"\nimport { ButtonLinkPropsType as _ButtonLinkPropsType } from \"./Link\"\nimport _ButtonGroup, {\n ButtonsGroupProps as _ButtonGroupProps,\n} from \"../Buttons/ButtonsGroup\"\n\n// We have to export types differently from modules\n// https://github.com/babel/babel/issues/8361\n// https://github.com/babel/babel-loader/issues/603#issuecomment-601682451\nexport type ButtonPropsType = _ButtonPropsType\nexport type ButtonLinkPropsType = _ButtonLinkPropsType\nexport type ButtonGroupProps = _ButtonGroupProps\n\nexport const ButtonGroup = _ButtonGroup\n\nexport const Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":["_ButtonGroup","_Button"],"mappings":";;;;AAiBO,IAAM,WAAW,GAAGA,aAAY;AAEhC,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,QAAO,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/BrandButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n ButtonTemplatePropsType,\n getButtonContent,\n getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype BrandCommonPropsType = ButtonTemplatePropsType<{\n brand?: \"gmail\" | \"facebook\" | \"twitter\" | \"whatsapp\"\n}>\n\nexport type BrandButtonPropsType = BrandCommonPropsType & ButtonProps\nexport type BrandLinkPropsType = BrandCommonPropsType & LinkProps\n\nconst getComputedClassName = ({ className, brand }: BrandCommonPropsType) =>\n cx(className, \"cob-Button__brand\", {\n \"cob-Button__brand--gmail\": brand === \"gmail\",\n \"cob-Button__brand--facebook\": brand === \"facebook\",\n \"cob-Button__brand--twitter\": brand === \"twitter\",\n \"cob-Button__brand--whatsapp\": brand === \"whatsapp\",\n })\n\nconst _BrandButton = forwardRef<HTMLButtonElement, BrandButtonPropsType>(\n (props: BrandButtonPropsType, ref) => {\n const {\n children,\n brand,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restButtonProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button\n {...restButtonProps}\n className={getComputedClassName({\n className: buttonClassNames,\n brand,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button>\n )\n }\n)\n_BrandButton.displayName = \"BrandButton\"\n\nconst BrandLink = forwardRef<HTMLAnchorElement, BrandLinkPropsType>(\n (props: BrandLinkPropsType, ref) => {\n const {\n children,\n brand,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restLinkProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button.Link\n {...restLinkProps}\n className={getComputedClassName({\n className: buttonClassNames,\n brand,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button.Link>\n )\n }\n)\nBrandLink.displayName = \"BrandLink\"\n\nconst BrandButton = Object.assign(_BrandButton, { Link: BrandLink })\n\nexport default BrandButton\n"],"names":[],"mappings":";;;;;;AAiBA,IAAM,oBAAoB,GAAG,UAAC,EAA0C;QAAxC,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/BrandButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n ButtonTemplatePropsType,\n getButtonContent,\n getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype BrandCommonPropsType = ButtonTemplatePropsType<{\n brand?: \"gmail\" | \"facebook\" | \"twitter\" | \"whatsapp\"\n}>\n\nexport type BrandButtonPropsType = BrandCommonPropsType & ButtonProps\nexport type BrandLinkPropsType = BrandCommonPropsType & LinkProps\n\nconst getComputedClassName = ({ className, brand }: BrandCommonPropsType) =>\n cx(className, \"cob-Button__brand\", {\n \"cob-Button__brand--gmail\": brand === \"gmail\",\n \"cob-Button__brand--facebook\": brand === \"facebook\",\n \"cob-Button__brand--twitter\": brand === \"twitter\",\n \"cob-Button__brand--whatsapp\": brand === \"whatsapp\",\n })\n\nconst _BrandButton = forwardRef<HTMLButtonElement, BrandButtonPropsType>(\n (props: BrandButtonPropsType, ref) => {\n const {\n children,\n brand,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restButtonProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button\n {...restButtonProps}\n className={getComputedClassName({\n className: buttonClassNames,\n brand,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button>\n )\n }\n)\n_BrandButton.displayName = \"BrandButton\"\n\nconst BrandLink = forwardRef<HTMLAnchorElement, BrandLinkPropsType>(\n (props: BrandLinkPropsType, ref) => {\n const {\n children,\n brand,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restLinkProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button.Link\n {...restLinkProps}\n className={getComputedClassName({\n className: buttonClassNames,\n brand,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button.Link>\n )\n }\n)\nBrandLink.displayName = \"BrandLink\"\n\nconst BrandButton = Object.assign(_BrandButton, { Link: BrandLink })\n\nexport default BrandButton\n"],"names":[],"mappings":";;;;;;AAiBA,IAAM,oBAAoB,GAAG,UAAC,EAA0C,EAAA;QAAxC,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAC9C,IAAA,OAAA,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE;QACjC,0BAA0B,EAAE,KAAK,KAAK,OAAO;QAC7C,6BAA6B,EAAE,KAAK,KAAK,UAAU;QACnD,4BAA4B,EAAE,KAAK,KAAK,SAAS;QACjD,6BAA6B,EAAE,KAAK,KAAK,UAAU;KACpD,CAAC,CAAA;AALF,CAKE,CAAA;AAEJ,IAAM,YAAY,GAAG,UAAU,CAC7B,UAAC,KAA2B,EAAE,GAAG,EAAA;IAE7B,IAAA,QAAQ,GAWN,KAAK,CAXC,QAAA,EACR,KAAK,GAUH,KAAK,CAAA,KAVF,EACL,IAAI,GASF,KAAK,KATH,EACJ,YAAY,GAQV,KAAK,CARK,YAAA,EACZ,SAAS,GAOP,KAAK,CAAA,SAPE,EACT,OAAO,GAML,KAAK,QANA,EACP,QAAQ,GAKN,KAAK,CALC,QAAA,EACR,OAAO,GAIL,KAAK,CAAA,OAJA,EACP,IAAI,GAGF,KAAK,KAHH,EACJ,SAAS,GAEP,KAAK,CAFE,SAAA,EACN,eAAe,GAAA,MAAA,CAChB,KAAK,EAZH,CAYL,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,WAAA,CAAA,CADmB,CACX;AACT,IAAA,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAA,QAAA,EAAE,IAAI,MAAA,EAAE,YAAY,EAAA,YAAA,EAAE,CAAC,CAAA;AAClE,IAAA,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,SAAS,EAAA,SAAA;AACV,KAAA,CAAC,CAAA;IAEF,QACE,oBAAC,MAAM,EAAA,QAAA,CAAA,EAAA,EACD,eAAe,EACnB,EAAA,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;AAC3B,YAAA,KAAK,EAAA,KAAA;AACN,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,CAAA,EAEnB,OAAO,CACD,EACV;AACH,CAAC,CACF,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,aAAa,CAAA;AAExC,IAAM,SAAS,GAAG,UAAU,CAC1B,UAAC,KAAyB,EAAE,GAAG,EAAA;IAE3B,IAAA,QAAQ,GAWN,KAAK,CAXC,QAAA,EACR,KAAK,GAUH,KAAK,CAAA,KAVF,EACL,IAAI,GASF,KAAK,KATH,EACJ,YAAY,GAQV,KAAK,CARK,YAAA,EACZ,SAAS,GAOP,KAAK,CAAA,SAPE,EACT,OAAO,GAML,KAAK,QANA,EACP,QAAQ,GAKN,KAAK,CALC,QAAA,EACR,OAAO,GAIL,KAAK,CAAA,OAJA,EACP,IAAI,GAGF,KAAK,KAHH,EACJ,SAAS,GAEP,KAAK,CAFE,SAAA,EACN,aAAa,GAAA,MAAA,CACd,KAAK,EAZH,CAYL,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,WAAA,CAAA,CADiB,CACT;AACT,IAAA,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAA,QAAA,EAAE,IAAI,MAAA,EAAE,YAAY,EAAA,YAAA,EAAE,CAAC,CAAA;AAClE,IAAA,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,SAAS,EAAA,SAAA;AACV,KAAA,CAAC,CAAA;IAEF,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EACN,QAAA,CAAA,EAAA,EAAA,aAAa,EACjB,EAAA,SAAS,EAAE,oBAAoB,CAAC;AAC9B,YAAA,SAAS,EAAE,gBAAgB;AAC3B,YAAA,KAAK,EAAA,KAAA;AACN,SAAA,CAAC,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,CAAA,EAEnB,OAAO,CACI,EACf;AACH,CAAC,CACF,CAAA;AACD,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonComponent.js","sources":["../../../src/components/Buttons/ButtonComponent.tsx"],"sourcesContent":["import { LoadingIcon } from \"../Icon\"\nimport React, { forwardRef } from \"react\"\n\n// Button props\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n loading?: boolean\n href?: undefined\n}\n\n// Link props\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n loading?: boolean\n disabled?: boolean\n href?: string\n}\n\nexport const isLinkProps = (\n props: ButtonProps | LinkProps\n): props is LinkProps => \"href\" in props && !!props.href\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (props: ButtonProps, ref) => {\n const { disabled, loading, children, ...restProps } = props\n return (\n <button\n ref={ref}\n aria-disabled={disabled}\n aria-busy={loading}\n disabled={disabled}\n {...restProps}\n >\n {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n {children}\n </button>\n )\n }\n)\n_Button.displayName = \"button\"\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n (props: LinkProps, ref) => {\n const { disabled, target, rel, loading, children, ...restProps } = props\n return (\n <a\n aria-disabled={disabled}\n data-disabled={disabled}\n aria-busy={loading}\n target={target}\n rel={target && !rel ? \"noopener noreferrer\" : rel}\n ref={ref}\n {...restProps}\n >\n {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n {children}\n </a>\n )\n }\n)\nLink.displayName = \"link\"\n\nconst Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"ButtonComponent.js","sources":["../../../src/components/Buttons/ButtonComponent.tsx"],"sourcesContent":["import { LoadingIcon } from \"../Icon\"\nimport React, { forwardRef } from \"react\"\n\n// Button props\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n loading?: boolean\n href?: undefined\n}\n\n// Link props\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n loading?: boolean\n disabled?: boolean\n href?: string\n}\n\nexport const isLinkProps = (\n props: ButtonProps | LinkProps\n): props is LinkProps => \"href\" in props && !!props.href\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (props: ButtonProps, ref) => {\n const { disabled, loading, children, ...restProps } = props\n return (\n <button\n ref={ref}\n aria-disabled={disabled}\n aria-busy={loading}\n disabled={disabled}\n {...restProps}\n >\n {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n {children}\n </button>\n )\n }\n)\n_Button.displayName = \"button\"\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n (props: LinkProps, ref) => {\n const { disabled, target, rel, loading, children, ...restProps } = props\n return (\n <a\n aria-disabled={disabled}\n data-disabled={disabled}\n aria-busy={loading}\n target={target}\n rel={target && !rel ? \"noopener noreferrer\" : rel}\n ref={ref}\n {...restProps}\n >\n {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n {children}\n </a>\n )\n }\n)\nLink.displayName = \"link\"\n\nconst Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":[],"mappings":";;;;;AAgBa,IAAA,WAAW,GAAG,UACzB,KAA8B,IACP,OAAA,MAAM,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAA,GAAA;AAExD,IAAM,OAAO,GAAG,UAAU,CACxB,UAAC,KAAkB,EAAE,GAAG,EAAA;IACd,IAAA,QAAQ,GAAsC,KAAK,CAAA,QAA3C,EAAE,OAAO,GAA6B,KAAK,CAAlC,OAAA,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAArD,CAA6C,UAAA,EAAA,SAAA,EAAA,UAAA,CAAA,CAAF,CAAU;AAC3D,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,GAAG,EAAE,GAAG,EACO,eAAA,EAAA,QAAQ,EACZ,WAAA,EAAA,OAAO,EAClB,QAAQ,EAAE,QAAQ,IACd,SAAS,CAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;QAC/D,QAAQ,CACF,EACV;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,IAAM,IAAI,GAAG,UAAU,CACrB,UAAC,KAAgB,EAAE,GAAG,EAAA;AACZ,IAAA,IAAA,QAAQ,GAAmD,KAAK,CAAA,QAAxD,EAAE,MAAM,GAA2C,KAAK,CAAhD,MAAA,EAAE,GAAG,GAAsC,KAAK,CAA3C,GAAA,EAAE,OAAO,GAA6B,KAAK,CAAA,OAAlC,EAAE,QAAQ,GAAmB,KAAK,CAAA,QAAxB,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAlE,CAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,SAAA,EAAA,UAAA,CAA0D,CAAF,CAAU;AACxE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,QAAA,CAAA,EAAA,eAAA,EACiB,QAAQ,EAAA,eAAA,EACR,QAAQ,EAAA,WAAA,EACZ,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,IACJ,SAAS,CAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;QAC/D,QAAQ,CACP,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonsGroup.js","sources":["../../../src/components/Buttons/ButtonsGroup.tsx"],"sourcesContent":["import React, { Children } from \"react\"\nimport cx from \"classnames\"\n\nimport BrandButton from \"./BrandButton\"\nimport GhostButton from \"./GhostButton\"\nimport InversedButton from \"./InversedButton\"\nimport DefaultButton from \"./DefaultButton\"\nimport LegacyButton from \"../Button/Button\"\nimport LegacyLink from \"../Button/Link\"\nimport { AllButtonsPropsType } from \"./\"\n\nexport interface ButtonsGroupProps {\n className?: string\n children: React.ReactNode\n align?: \"fullWidth\" | \"right\" | \"center\"\n}\n\nconst isButton = (\n component: React.ReactNode\n): component is React.ReactElement<AllButtonsPropsType> =>\n React.isValidElement(component) &&\n (component.type === LegacyButton ||\n component.type === LegacyLink ||\n component.type === BrandButton ||\n component.type === BrandButton.Link ||\n component.type === GhostButton ||\n component.type === GhostButton.Link ||\n component.type === InversedButton ||\n component.type === InversedButton.Link ||\n component.type === DefaultButton ||\n component.type === DefaultButton.Link)\n\nconst ButtonsGroup = ({ className, children, align }: ButtonsGroupProps) => (\n <div\n className={cx(className, \"cobalt-buttons-group\", {\n \"cobalt-buttons-group--right\": align === \"right\",\n \"cobalt-buttons-group--center\": align === \"center\",\n })}\n >\n {Children.toArray(children).map((child, index) =>\n isButton(child)\n ? React.cloneElement(child, {\n key: index,\n className: cx(\"cobalt-buttons-group__item\", {\n \"cobalt-buttons-group__item--fullWidth\": align === \"fullWidth\",\n }),\n fullWidth: align === \"fullWidth\",\n })\n : child\n )}\n </div>\n)\n\nexport default ButtonsGroup\n"],"names":["LegacyButton","LegacyLink"],"mappings":";;;;;;;;;AAiBA,IAAM,QAAQ,GAAG,UACf,SAA0B;
|
|
1
|
+
{"version":3,"file":"ButtonsGroup.js","sources":["../../../src/components/Buttons/ButtonsGroup.tsx"],"sourcesContent":["import React, { Children } from \"react\"\nimport cx from \"classnames\"\n\nimport BrandButton from \"./BrandButton\"\nimport GhostButton from \"./GhostButton\"\nimport InversedButton from \"./InversedButton\"\nimport DefaultButton from \"./DefaultButton\"\nimport LegacyButton from \"../Button/Button\"\nimport LegacyLink from \"../Button/Link\"\nimport { AllButtonsPropsType } from \"./\"\n\nexport interface ButtonsGroupProps {\n className?: string\n children: React.ReactNode\n align?: \"fullWidth\" | \"right\" | \"center\"\n}\n\nconst isButton = (\n component: React.ReactNode\n): component is React.ReactElement<AllButtonsPropsType> =>\n React.isValidElement(component) &&\n (component.type === LegacyButton ||\n component.type === LegacyLink ||\n component.type === BrandButton ||\n component.type === BrandButton.Link ||\n component.type === GhostButton ||\n component.type === GhostButton.Link ||\n component.type === InversedButton ||\n component.type === InversedButton.Link ||\n component.type === DefaultButton ||\n component.type === DefaultButton.Link)\n\nconst ButtonsGroup = ({ className, children, align }: ButtonsGroupProps) => (\n <div\n className={cx(className, \"cobalt-buttons-group\", {\n \"cobalt-buttons-group--right\": align === \"right\",\n \"cobalt-buttons-group--center\": align === \"center\",\n })}\n >\n {Children.toArray(children).map((child, index) =>\n isButton(child)\n ? React.cloneElement(child, {\n key: index,\n className: cx(\"cobalt-buttons-group__item\", {\n \"cobalt-buttons-group__item--fullWidth\": align === \"fullWidth\",\n }),\n fullWidth: align === \"fullWidth\",\n })\n : child\n )}\n </div>\n)\n\nexport default ButtonsGroup\n"],"names":["LegacyButton","LegacyLink"],"mappings":";;;;;;;;;AAiBA,IAAM,QAAQ,GAAG,UACf,SAA0B,EAAA;AAE1B,IAAA,OAAA,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;AAC/B,SAAC,SAAS,CAAC,IAAI,KAAKA,MAAY;YAC9B,SAAS,CAAC,IAAI,KAAKC,IAAU;YAC7B,SAAS,CAAC,IAAI,KAAK,WAAW;AAC9B,YAAA,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;YACnC,SAAS,CAAC,IAAI,KAAK,WAAW;AAC9B,YAAA,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;YACnC,SAAS,CAAC,IAAI,KAAK,cAAc;AACjC,YAAA,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;YACtC,SAAS,CAAC,IAAI,KAAK,aAAa;AAChC,YAAA,SAAS,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC,CAAA;AAVxC,CAUwC,CAAA;AAEpC,IAAA,YAAY,GAAG,UAAC,EAAiD,EAAA;AAA/C,IAAA,IAAA,SAAS,eAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;IAA0B,QAC1E,6BACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE;YAC/C,6BAA6B,EAAE,KAAK,KAAK,OAAO;YAChD,8BAA8B,EAAE,KAAK,KAAK,QAAQ;AACnD,SAAA,CAAC,EAED,EAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,EAAA;QAC3C,OAAA,QAAQ,CAAC,KAAK,CAAC;AACb,cAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACxB,gBAAA,GAAG,EAAE,KAAK;AACV,gBAAA,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE;oBAC1C,uCAAuC,EAAE,KAAK,KAAK,WAAW;iBAC/D,CAAC;gBACF,SAAS,EAAE,KAAK,KAAK,WAAW;aACjC,CAAC;AACJ,cAAE,KAAK,CAAA;KAAA,CACV,CACG,EACP;AAnB2E;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/DefaultButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n ButtonTemplatePropsType,\n getButtonCommonClassNames,\n getButtonContent,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype DefaultCommonPropsType = ButtonTemplatePropsType<{\n primary?: boolean\n destructive?: boolean\n active?: boolean\n}>\n\nexport type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps\nexport type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n className,\n active,\n primary,\n destructive,\n}: DefaultCommonPropsType) =>\n cx(className, \"cob-Button__default\", {\n \"cob-Button__default--active\": active,\n \"cob-Button__default--primary\": primary,\n \"cob-Button__default--destructive\": destructive,\n })\n\nconst _DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonPropsType>(\n (props: DefaultButtonPropsType, ref) => {\n const {\n children,\n active,\n primary,\n destructive,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restButtonProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n return (\n <Button\n {...restButtonProps}\n className={getComputedClassName({\n className: buttonClassNames,\n active,\n primary,\n destructive,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button>\n )\n }\n)\n_DefaultButton.displayName = \"DefaultButton\"\n\nconst DefaultLink = forwardRef<HTMLAnchorElement, DefaultLinkPropsType>(\n (props: DefaultLinkPropsType, ref) => {\n const {\n children,\n active,\n primary,\n destructive,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restLinkProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n return (\n <Button.Link\n {...restLinkProps}\n className={getComputedClassName({\n className: buttonClassNames,\n active,\n primary,\n destructive,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button.Link>\n )\n }\n)\nDefaultLink.displayName = \"DefaultLink\"\n\nconst DefaultButton = Object.assign(_DefaultButton, { Link: DefaultLink })\n\nexport default DefaultButton\n"],"names":[],"mappings":";;;;;;AAmBA,IAAM,oBAAoB,GAAG,UAAC,EAKL;QAJvB,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/DefaultButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n ButtonTemplatePropsType,\n getButtonCommonClassNames,\n getButtonContent,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype DefaultCommonPropsType = ButtonTemplatePropsType<{\n primary?: boolean\n destructive?: boolean\n active?: boolean\n}>\n\nexport type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps\nexport type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n className,\n active,\n primary,\n destructive,\n}: DefaultCommonPropsType) =>\n cx(className, \"cob-Button__default\", {\n \"cob-Button__default--active\": active,\n \"cob-Button__default--primary\": primary,\n \"cob-Button__default--destructive\": destructive,\n })\n\nconst _DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonPropsType>(\n (props: DefaultButtonPropsType, ref) => {\n const {\n children,\n active,\n primary,\n destructive,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restButtonProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n return (\n <Button\n {...restButtonProps}\n className={getComputedClassName({\n className: buttonClassNames,\n active,\n primary,\n destructive,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button>\n )\n }\n)\n_DefaultButton.displayName = \"DefaultButton\"\n\nconst DefaultLink = forwardRef<HTMLAnchorElement, DefaultLinkPropsType>(\n (props: DefaultLinkPropsType, ref) => {\n const {\n children,\n active,\n primary,\n destructive,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restLinkProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n return (\n <Button.Link\n {...restLinkProps}\n className={getComputedClassName({\n className: buttonClassNames,\n active,\n primary,\n destructive,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button.Link>\n )\n }\n)\nDefaultLink.displayName = \"DefaultLink\"\n\nconst DefaultButton = Object.assign(_DefaultButton, { Link: DefaultLink })\n\nexport default DefaultButton\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/GhostButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n ButtonTemplatePropsType,\n getButtonContent,\n getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype GhostCommonPropsType = ButtonTemplatePropsType<{\n standalone?: boolean\n destructive?: boolean\n}>\n\nexport type GhostButtonPropsType = GhostCommonPropsType & ButtonProps\nexport type GhostLinkPropsType = GhostCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n className,\n standalone,\n destructive,\n}: GhostCommonPropsType) =>\n cx(className, \"cob-Button__ghost\", {\n \"cob-Button__ghost--standalone\": standalone,\n \"cob-Button__ghost--destructive\": destructive,\n })\n\nconst _GhostButton = forwardRef<HTMLButtonElement, GhostButtonPropsType>(\n (props: GhostButtonPropsType, ref) => {\n const {\n children,\n standalone,\n destructive,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restButtonProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button\n {...restButtonProps}\n className={getComputedClassName({\n className: buttonClassNames,\n standalone,\n destructive,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button>\n )\n }\n)\n_GhostButton.displayName = \"GhostButton\"\n\nconst GhostLink = forwardRef<HTMLAnchorElement, GhostLinkPropsType>(\n (props: GhostLinkPropsType, ref) => {\n const {\n children,\n standalone,\n destructive,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restLinkProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button.Link\n {...restLinkProps}\n className={getComputedClassName({\n className: buttonClassNames,\n standalone,\n destructive,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button.Link>\n )\n }\n)\nGhostLink.displayName = \"GhostLink\"\n\nconst GhostButton = Object.assign(_GhostButton, { Link: GhostLink })\n\nexport default GhostButton\n"],"names":[],"mappings":";;;;;;AAkBA,IAAM,oBAAoB,GAAG,UAAC,EAIP;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/GhostButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n ButtonTemplatePropsType,\n getButtonContent,\n getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype GhostCommonPropsType = ButtonTemplatePropsType<{\n standalone?: boolean\n destructive?: boolean\n}>\n\nexport type GhostButtonPropsType = GhostCommonPropsType & ButtonProps\nexport type GhostLinkPropsType = GhostCommonPropsType & LinkProps\n\nconst getComputedClassName = ({\n className,\n standalone,\n destructive,\n}: GhostCommonPropsType) =>\n cx(className, \"cob-Button__ghost\", {\n \"cob-Button__ghost--standalone\": standalone,\n \"cob-Button__ghost--destructive\": destructive,\n })\n\nconst _GhostButton = forwardRef<HTMLButtonElement, GhostButtonPropsType>(\n (props: GhostButtonPropsType, ref) => {\n const {\n children,\n standalone,\n destructive,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restButtonProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button\n {...restButtonProps}\n className={getComputedClassName({\n className: buttonClassNames,\n standalone,\n destructive,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button>\n )\n }\n)\n_GhostButton.displayName = \"GhostButton\"\n\nconst GhostLink = forwardRef<HTMLAnchorElement, GhostLinkPropsType>(\n (props: GhostLinkPropsType, ref) => {\n const {\n children,\n standalone,\n destructive,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restLinkProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button.Link\n {...restLinkProps}\n className={getComputedClassName({\n className: buttonClassNames,\n standalone,\n destructive,\n })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button.Link>\n )\n }\n)\nGhostLink.displayName = \"GhostLink\"\n\nconst GhostButton = Object.assign(_GhostButton, { Link: GhostLink })\n\nexport default GhostButton\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/InversedButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n ButtonTemplatePropsType,\n getButtonContent,\n getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype InversedCommonPropsType = ButtonTemplatePropsType<Record<string, unknown>>\n\nexport type InversedButtonPropsType = InversedCommonPropsType & ButtonProps\nexport type InversedLinkPropsType = InversedCommonPropsType & LinkProps\n\nconst getComputedClassName = ({ className }: InversedCommonPropsType) =>\n cx(className, \"cob-Button__inversed\")\n\nconst _InversedButton = forwardRef<HTMLButtonElement, InversedButtonPropsType>(\n (props: InversedButtonPropsType, ref) => {\n const {\n children,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restButtonProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button\n {...restButtonProps}\n className={getComputedClassName({ className: buttonClassNames })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button>\n )\n }\n)\n_InversedButton.displayName = \"InversedButton\"\n\nconst InversedLink = forwardRef<HTMLAnchorElement, InversedLinkPropsType>(\n (props: InversedLinkPropsType, ref) => {\n const {\n children,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restLinkProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button.Link\n {...restLinkProps}\n className={getComputedClassName({ className: buttonClassNames })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button.Link>\n )\n }\n)\nInversedLink.displayName = \"InversedLink\"\n\nconst InversedButton = Object.assign(_InversedButton, { Link: InversedLink })\n\nexport default InversedButton\n"],"names":[],"mappings":";;;;;;AAeA,IAAM,oBAAoB,GAAG,UAAC,EAAsC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/InversedButton/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\n\nimport {\n ButtonTemplatePropsType,\n getButtonContent,\n getButtonCommonClassNames,\n} from \"../helpers\"\nimport Button, { ButtonProps, LinkProps } from \"../ButtonComponent\"\n\ntype InversedCommonPropsType = ButtonTemplatePropsType<Record<string, unknown>>\n\nexport type InversedButtonPropsType = InversedCommonPropsType & ButtonProps\nexport type InversedLinkPropsType = InversedCommonPropsType & LinkProps\n\nconst getComputedClassName = ({ className }: InversedCommonPropsType) =>\n cx(className, \"cob-Button__inversed\")\n\nconst _InversedButton = forwardRef<HTMLButtonElement, InversedButtonPropsType>(\n (props: InversedButtonPropsType, ref) => {\n const {\n children,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restButtonProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button\n {...restButtonProps}\n className={getComputedClassName({ className: buttonClassNames })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button>\n )\n }\n)\n_InversedButton.displayName = \"InversedButton\"\n\nconst InversedLink = forwardRef<HTMLAnchorElement, InversedLinkPropsType>(\n (props: InversedLinkPropsType, ref) => {\n const {\n children,\n icon,\n iconPosition,\n className,\n loading,\n disabled,\n rounded,\n size,\n fullWidth,\n ...restLinkProps\n } = props\n const content = getButtonContent({ children, icon, iconPosition })\n const isDisabled = disabled || loading\n const buttonClassNames = getButtonCommonClassNames({\n disabled: isDisabled,\n rounded,\n size,\n fullWidth,\n className,\n })\n\n return (\n <Button.Link\n {...restLinkProps}\n className={getComputedClassName({ className: buttonClassNames })}\n ref={ref}\n loading={loading}\n disabled={isDisabled}\n >\n {content}\n </Button.Link>\n )\n }\n)\nInversedLink.displayName = \"InversedLink\"\n\nconst InversedButton = Object.assign(_InversedButton, { Link: InversedLink })\n\nexport default InversedButton\n"],"names":[],"mappings":";;;;;;AAeA,IAAM,oBAAoB,GAAG,UAAC,EAAsC,EAAA;AAApC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;AACvC,IAAA,OAAA,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;AAArC,CAAqC,CAAA;AAEvC,IAAM,eAAe,GAAG,UAAU,CAChC,UAAC,KAA8B,EAAE,GAAG,EAAA;IAEhC,IAAA,QAAQ,GAUN,KAAK,CAAA,QAVC,EACR,IAAI,GASF,KAAK,CAAA,IATH,EACJ,YAAY,GAQV,KAAK,CAAA,YARK,EACZ,SAAS,GAOP,KAAK,UAPE,EACT,OAAO,GAML,KAAK,CANA,OAAA,EACP,QAAQ,GAKN,KAAK,CALC,QAAA,EACR,OAAO,GAIL,KAAK,CAJA,OAAA,EACP,IAAI,GAGF,KAAK,CAAA,IAHH,EACJ,SAAS,GAEP,KAAK,CAAA,SAFE,EACN,eAAe,UAChB,KAAK,EAXH,CAWL,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,WAAA,CAAA,CADmB,CACX;AACT,IAAA,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAA,QAAA,EAAE,IAAI,MAAA,EAAE,YAAY,EAAA,YAAA,EAAE,CAAC,CAAA;AAClE,IAAA,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,SAAS,EAAA,SAAA;AACV,KAAA,CAAC,CAAA;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EAAA,EACD,eAAe,EACnB,EAAA,SAAS,EAAE,oBAAoB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAChE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,CAAA,EAEnB,OAAO,CACD,EACV;AACH,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE9C,IAAM,YAAY,GAAG,UAAU,CAC7B,UAAC,KAA4B,EAAE,GAAG,EAAA;IAE9B,IAAA,QAAQ,GAUN,KAAK,CAAA,QAVC,EACR,IAAI,GASF,KAAK,CAAA,IATH,EACJ,YAAY,GAQV,KAAK,CAAA,YARK,EACZ,SAAS,GAOP,KAAK,UAPE,EACT,OAAO,GAML,KAAK,CANA,OAAA,EACP,QAAQ,GAKN,KAAK,CALC,QAAA,EACR,OAAO,GAIL,KAAK,CAJA,OAAA,EACP,IAAI,GAGF,KAAK,CAAA,IAHH,EACJ,SAAS,GAEP,KAAK,CAAA,SAFE,EACN,aAAa,UACd,KAAK,EAXH,CAWL,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,WAAA,CAAA,CADiB,CACT;AACT,IAAA,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,QAAQ,EAAA,QAAA,EAAE,IAAI,MAAA,EAAE,YAAY,EAAA,YAAA,EAAE,CAAC,CAAA;AAClE,IAAA,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACjD,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,SAAS,EAAA,SAAA;AACV,KAAA,CAAC,CAAA;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EACN,QAAA,CAAA,EAAA,EAAA,aAAa,EACjB,EAAA,SAAS,EAAE,oBAAoB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAChE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EAAA,CAAA,EAEnB,OAAO,CACI,EACf;AACH,CAAC,CACF,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,IAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../../src/components/Buttons/helpers.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nimport { Icon, IconSources } from \"../Icon\"\n\nexport type ButtonCommonPropsType = PropsWithChildren<{\n className?: string\n disabled?: boolean\n fullWidth?: boolean\n loading?: boolean\n rounded?: boolean\n size?: \"large\"\n iconPosition?: \"left\" | \"right\"\n icon?: IconSources\n}>\n\nexport type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps &\n ButtonCommonPropsType\n\nexport const getButtonContent = ({\n children,\n icon,\n iconPosition = icon ? \"left\" : undefined,\n}: Pick<ButtonCommonPropsType, \"children\" | \"icon\" | \"iconPosition\">) => {\n if (!children && !icon) {\n throw new Error(\"Either an icon or children are required\")\n }\n\n const iconMarkup = icon ? (\n <span\n key={iconPosition}\n className={cx(\"cob-Button__Icon\", {\n \"cob-Button__Icon--left\": !!children && iconPosition === \"left\",\n \"cob-Button__Icon--right\": !!children && iconPosition === \"right\",\n })}\n >\n <Icon source={icon} />\n </span>\n ) : null\n\n const leftIcon = iconPosition === \"left\" ? iconMarkup : null\n const rightIcon = iconPosition === \"right\" ? iconMarkup : null\n const childContent = children ? (\n <span key=\"children\" className=\"cob-Button__content\">\n {children}\n </span>\n ) : null\n return (\n <>\n {leftIcon}\n {childContent}\n {rightIcon}\n </>\n )\n}\n\nexport const getButtonCommonClassNames = ({\n rounded,\n size,\n fullWidth,\n className,\n disabled,\n}: Pick<\n ButtonCommonPropsType,\n \"rounded\" | \"size\" | \"fullWidth\" | \"className\" | \"disabled\"\n>) =>\n cx(className, \"cob-Button\", {\n \"cob-Button--rounded\": rounded,\n \"cob-Button--fullWidth\": fullWidth,\n \"cob-Button--large\": size === \"large\",\n \"cob-Button--disabled\": disabled,\n })\n"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../../src/components/Buttons/helpers.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nimport { Icon, IconSources } from \"../Icon\"\n\nexport type ButtonCommonPropsType = PropsWithChildren<{\n className?: string\n disabled?: boolean\n fullWidth?: boolean\n loading?: boolean\n rounded?: boolean\n size?: \"large\"\n iconPosition?: \"left\" | \"right\"\n icon?: IconSources\n}>\n\nexport type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps &\n ButtonCommonPropsType\n\nexport const getButtonContent = ({\n children,\n icon,\n iconPosition = icon ? \"left\" : undefined,\n}: Pick<ButtonCommonPropsType, \"children\" | \"icon\" | \"iconPosition\">) => {\n if (!children && !icon) {\n throw new Error(\"Either an icon or children are required\")\n }\n\n const iconMarkup = icon ? (\n <span\n key={iconPosition}\n className={cx(\"cob-Button__Icon\", {\n \"cob-Button__Icon--left\": !!children && iconPosition === \"left\",\n \"cob-Button__Icon--right\": !!children && iconPosition === \"right\",\n })}\n >\n <Icon source={icon} />\n </span>\n ) : null\n\n const leftIcon = iconPosition === \"left\" ? iconMarkup : null\n const rightIcon = iconPosition === \"right\" ? iconMarkup : null\n const childContent = children ? (\n <span key=\"children\" className=\"cob-Button__content\">\n {children}\n </span>\n ) : null\n return (\n <>\n {leftIcon}\n {childContent}\n {rightIcon}\n </>\n )\n}\n\nexport const getButtonCommonClassNames = ({\n rounded,\n size,\n fullWidth,\n className,\n disabled,\n}: Pick<\n ButtonCommonPropsType,\n \"rounded\" | \"size\" | \"fullWidth\" | \"className\" | \"disabled\"\n>) =>\n cx(className, \"cob-Button\", {\n \"cob-Button--rounded\": rounded,\n \"cob-Button--fullWidth\": fullWidth,\n \"cob-Button--large\": size === \"large\",\n \"cob-Button--disabled\": disabled,\n })\n"],"names":[],"mappings":";;;;AAmBO,IAAM,gBAAgB,GAAG,UAAC,EAImC,EAAA;AAHlE,IAAA,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,EAAA,GAAA,EAAA,CAAA,YAAwC,EAAxC,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAA,EAAA,CAAA;AAExC,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE;AACtB,QAAA,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAA;AAC3D,KAAA;AAED,IAAA,IAAM,UAAU,GAAG,IAAI,IACrB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;AAChC,YAAA,wBAAwB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,MAAM;AAC/D,YAAA,yBAAyB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,OAAO;SAClE,CAAC,EAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAA,CAAI,CACjB,IACL,IAAI,CAAA;AAER,IAAA,IAAM,QAAQ,GAAG,YAAY,KAAK,MAAM,GAAG,UAAU,GAAG,IAAI,CAAA;AAC5D,IAAA,IAAM,SAAS,GAAG,YAAY,KAAK,OAAO,GAAG,UAAU,GAAG,IAAI,CAAA;IAC9D,IAAM,YAAY,GAAG,QAAQ,IAC3B,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAG,EAAC,UAAU,EAAC,SAAS,EAAC,qBAAqB,EAAA,EACjD,QAAQ,CACJ,IACL,IAAI,CAAA;AACR,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,QAAQ;QACR,YAAY;QACZ,SAAS,CACT,EACJ;AACH,EAAC;AAEM,IAAM,yBAAyB,GAAG,UAAC,EASzC,EAAA;AARC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;AAKR,IAAA,OAAA,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE;AAC1B,QAAA,qBAAqB,EAAE,OAAO;AAC9B,QAAA,uBAAuB,EAAE,SAAS;QAClC,mBAAmB,EAAE,IAAI,KAAK,OAAO;AACrC,QAAA,sBAAsB,EAAE,QAAQ;KACjC,CAAC,CAAA;AALF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype Props = {\n numberOfMonths?: number\n firstMonthDate?: Date\n rangeLimit?: number\n firstAvailableDate?: Date\n lastAvailableDate?: Date\n isEditingStartDate: boolean\n isEditingEndDate: boolean\n startDate: Date | undefined\n endDate: Date | undefined\n hint?: {\n status?: FormElementStatus\n html: string\n }\n onChangeDate?: (\n date: Date,\n isOutOfRange: boolean,\n disabled: boolean\n ) => boolean\n onLeaveDate?: (date: Date) => void\n onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n rangeLimit,\n firstMonthDate = new Date(),\n numberOfMonths = 1,\n hint,\n firstAvailableDate = new Date(),\n lastAvailableDate,\n isEditingStartDate,\n isEditingEndDate,\n startDate,\n endDate,\n onChangeDate,\n onLeaveDate,\n onSelectDate,\n locale,\n}: Props) {\n firstMonthDate.setHours(0, 0, 0, 0)\n firstAvailableDate.setHours(0, 0, 0, 0)\n\n const [rangeDates, setRangeDates] = useState({\n startDate: startDate,\n endDate: endDate,\n })\n\n useEffect(() => {\n setRangeDates({\n startDate,\n endDate,\n })\n }, [startDate, endDate])\n\n const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n if (isDateOutOfRange && isEditingEndDate) return\n onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n }\n\n const handleChangeDate = (\n date: Date,\n isDateOutOfRange: boolean,\n disabled: boolean\n ) => {\n const processChange =\n onChangeDate && (isEditingStartDate || isEditingEndDate)\n ? onChangeDate(date, isDateOutOfRange, disabled) !== false\n : true\n\n if (!processChange || disabled) return\n\n if (isEditingStartDate) {\n setRangeDates((prev) => ({ ...prev, startDate: date }))\n } else if (isEditingEndDate) {\n setRangeDates((prev) => ({ ...prev, endDate: date }))\n }\n }\n\n const months = [firstMonthDate]\n for (let i = 0; i < numberOfMonths - 1; i++) {\n months.push(addMonths(months[months.length - 1], 1))\n }\n\n return (\n <div className=\"cobalt-CalendarRangePicker\">\n <div className=\"cobalt-CalendarRangePicker__months-container\">\n {months.map((monthDate) => (\n <CalendarRangePickerMonth\n key={monthDate.getTime()}\n date={monthDate}\n startDate={rangeDates.startDate}\n endDate={rangeDates.endDate}\n onSelectDate={handleSelectDate}\n onChangeDate={handleChangeDate}\n onLeaveDate={onLeaveDate}\n isEditingStartDate={isEditingStartDate}\n isEditingEndDate={isEditingEndDate}\n rangeLimit={rangeLimit}\n firstAvailableDate={firstAvailableDate}\n lastAvailableDate={lastAvailableDate}\n locale={locale}\n />\n ))}\n </div>\n\n <div\n className={classNames(\"cobalt-CalendarRangePicker__message\", {\n \"cobalt-CalendarRangePicker__message--show\": !!hint,\n })}\n >\n {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n </div>\n </div>\n )\n}\n"],"names":["classNames"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype Props = {\n numberOfMonths?: number\n firstMonthDate?: Date\n rangeLimit?: number\n firstAvailableDate?: Date\n lastAvailableDate?: Date\n isEditingStartDate: boolean\n isEditingEndDate: boolean\n startDate: Date | undefined\n endDate: Date | undefined\n hint?: {\n status?: FormElementStatus\n html: string\n }\n onChangeDate?: (\n date: Date,\n isOutOfRange: boolean,\n disabled: boolean\n ) => boolean\n onLeaveDate?: (date: Date) => void\n onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n rangeLimit,\n firstMonthDate = new Date(),\n numberOfMonths = 1,\n hint,\n firstAvailableDate = new Date(),\n lastAvailableDate,\n isEditingStartDate,\n isEditingEndDate,\n startDate,\n endDate,\n onChangeDate,\n onLeaveDate,\n onSelectDate,\n locale,\n}: Props) {\n firstMonthDate.setHours(0, 0, 0, 0)\n firstAvailableDate.setHours(0, 0, 0, 0)\n\n const [rangeDates, setRangeDates] = useState({\n startDate: startDate,\n endDate: endDate,\n })\n\n useEffect(() => {\n setRangeDates({\n startDate,\n endDate,\n })\n }, [startDate, endDate])\n\n const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n if (isDateOutOfRange && isEditingEndDate) return\n onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n }\n\n const handleChangeDate = (\n date: Date,\n isDateOutOfRange: boolean,\n disabled: boolean\n ) => {\n const processChange =\n onChangeDate && (isEditingStartDate || isEditingEndDate)\n ? onChangeDate(date, isDateOutOfRange, disabled) !== false\n : true\n\n if (!processChange || disabled) return\n\n if (isEditingStartDate) {\n setRangeDates((prev) => ({ ...prev, startDate: date }))\n } else if (isEditingEndDate) {\n setRangeDates((prev) => ({ ...prev, endDate: date }))\n }\n }\n\n const months = [firstMonthDate]\n for (let i = 0; i < numberOfMonths - 1; i++) {\n months.push(addMonths(months[months.length - 1], 1))\n }\n\n return (\n <div className=\"cobalt-CalendarRangePicker\">\n <div className=\"cobalt-CalendarRangePicker__months-container\">\n {months.map((monthDate) => (\n <CalendarRangePickerMonth\n key={monthDate.getTime()}\n date={monthDate}\n startDate={rangeDates.startDate}\n endDate={rangeDates.endDate}\n onSelectDate={handleSelectDate}\n onChangeDate={handleChangeDate}\n onLeaveDate={onLeaveDate}\n isEditingStartDate={isEditingStartDate}\n isEditingEndDate={isEditingEndDate}\n rangeLimit={rangeLimit}\n firstAvailableDate={firstAvailableDate}\n lastAvailableDate={lastAvailableDate}\n locale={locale}\n />\n ))}\n </div>\n\n <div\n className={classNames(\"cobalt-CalendarRangePicker__message\", {\n \"cobalt-CalendarRangePicker__message--show\": !!hint,\n })}\n >\n {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n </div>\n </div>\n )\n}\n"],"names":["classNames"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\n\ntype Props = {\n date: Date\n isEditingStartDate: boolean\n isEditingEndDate: boolean\n isToday?: boolean\n isFirstDayOfMonth?: boolean\n isLastDayOfMonth?: boolean\n isStartDay?: boolean\n isEndDay?: boolean\n selected?: boolean\n isRange?: boolean\n invalid?: boolean\n disabled?: boolean\n subdued?: boolean\n onSelect: (date: Date) => void\n onMouseEnter: (date: Date, disabled: boolean) => void\n onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n date,\n isToday,\n isFirstDayOfMonth,\n isLastDayOfMonth,\n isStartDay,\n isEndDay,\n isRange,\n selected,\n subdued,\n disabled,\n invalid,\n onSelect,\n onMouseEnter,\n onMouseLeave,\n}: Props) {\n const handleSelectDate = () => {\n !disabled && onSelect(date)\n }\n\n return (\n <div\n className={classNames(\"cobalt-CalendarRangePicker__day\", {\n \"cobalt-CalendarRangePicker__day--today\": isToday,\n \"cobalt-CalendarRangePicker__day--firstOfMonth\": isFirstDayOfMonth,\n \"cobalt-CalendarRangePicker__day--lastOfMonth\": isLastDayOfMonth,\n \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n \"cobalt-CalendarRangePicker__day--range\": isRange,\n \"cobalt-CalendarRangePicker__day--selected\": selected,\n \"cobalt-CalendarRangePicker__day--subdued\": subdued,\n \"cobalt-CalendarRangePicker__day--invalid\": invalid,\n \"cobalt-CalendarRangePicker__day--disabled\": disabled,\n })}\n onMouseEnter={() => {\n onMouseEnter(date, !!disabled)\n }}\n onMouseLeave={() => {\n onMouseLeave && onMouseLeave(date)\n }}\n onTouchStart={handleSelectDate}\n onClick={handleSelectDate}\n data-day={format(date, \"yyyy-MM-dd\")}\n >\n <div className=\"cobalt-CalendarRangePicker__day-inner\">\n {date.getDate()}\n </div>\n </div>\n )\n}\n\nfunction areEqual(prevProps: Props, nextProps: Props) {\n return (\n prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n prevProps.isEditingEndDate === nextProps.isEditingEndDate &&\n prevProps.selected === nextProps.selected &&\n prevProps.subdued === nextProps.subdued &&\n prevProps.isStartDay === nextProps.isStartDay &&\n prevProps.isEndDay === nextProps.isEndDay &&\n prevProps.invalid === nextProps.invalid &&\n prevProps.isRange === nextProps.isRange\n )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["classNames"],"mappings":";;;;AAuBA,SAAS,sBAAsB,CAAC,EAexB;
|
|
1
|
+
{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\n\ntype Props = {\n date: Date\n isEditingStartDate: boolean\n isEditingEndDate: boolean\n isToday?: boolean\n isFirstDayOfMonth?: boolean\n isLastDayOfMonth?: boolean\n isStartDay?: boolean\n isEndDay?: boolean\n selected?: boolean\n isRange?: boolean\n invalid?: boolean\n disabled?: boolean\n subdued?: boolean\n onSelect: (date: Date) => void\n onMouseEnter: (date: Date, disabled: boolean) => void\n onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n date,\n isToday,\n isFirstDayOfMonth,\n isLastDayOfMonth,\n isStartDay,\n isEndDay,\n isRange,\n selected,\n subdued,\n disabled,\n invalid,\n onSelect,\n onMouseEnter,\n onMouseLeave,\n}: Props) {\n const handleSelectDate = () => {\n !disabled && onSelect(date)\n }\n\n return (\n <div\n className={classNames(\"cobalt-CalendarRangePicker__day\", {\n \"cobalt-CalendarRangePicker__day--today\": isToday,\n \"cobalt-CalendarRangePicker__day--firstOfMonth\": isFirstDayOfMonth,\n \"cobalt-CalendarRangePicker__day--lastOfMonth\": isLastDayOfMonth,\n \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n \"cobalt-CalendarRangePicker__day--range\": isRange,\n \"cobalt-CalendarRangePicker__day--selected\": selected,\n \"cobalt-CalendarRangePicker__day--subdued\": subdued,\n \"cobalt-CalendarRangePicker__day--invalid\": invalid,\n \"cobalt-CalendarRangePicker__day--disabled\": disabled,\n })}\n onMouseEnter={() => {\n onMouseEnter(date, !!disabled)\n }}\n onMouseLeave={() => {\n onMouseLeave && onMouseLeave(date)\n }}\n onTouchStart={handleSelectDate}\n onClick={handleSelectDate}\n data-day={format(date, \"yyyy-MM-dd\")}\n >\n <div className=\"cobalt-CalendarRangePicker__day-inner\">\n {date.getDate()}\n </div>\n </div>\n )\n}\n\nfunction areEqual(prevProps: Props, nextProps: Props) {\n return (\n prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n prevProps.isEditingEndDate === nextProps.isEditingEndDate &&\n prevProps.selected === nextProps.selected &&\n prevProps.subdued === nextProps.subdued &&\n prevProps.isStartDay === nextProps.isStartDay &&\n prevProps.isEndDay === nextProps.isEndDay &&\n prevProps.invalid === nextProps.invalid &&\n prevProps.isRange === nextProps.isRange\n )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["classNames"],"mappings":";;;;AAuBA,SAAS,sBAAsB,CAAC,EAexB,EAAA;AAdN,IAAA,IAAA,IAAI,UAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,YAAY,GAAA,EAAA,CAAA,YAAA,CAAA;AAEZ,IAAA,IAAM,gBAAgB,GAAG,YAAA;AACvB,QAAA,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;AAC7B,KAAC,CAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,iCAAiC,EAAE;AACvD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,+CAA+C,EAAE,iBAAiB;AAClE,YAAA,8CAA8C,EAAE,gBAAgB;AAChE,YAAA,2CAA2C,EAAE,UAAU;AACvD,YAAA,yCAAyC,EAAE,QAAQ;AACnD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,2CAA2C,EAAE,QAAQ;AACrD,YAAA,0CAA0C,EAAE,OAAO;AACnD,YAAA,0CAA0C,EAAE,OAAO;AACnD,YAAA,2CAA2C,EAAE,QAAQ;SACtD,CAAC,EACF,YAAY,EAAE,YAAA;AACZ,YAAA,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;SAC/B,EACD,YAAY,EAAE,YAAA;AACZ,YAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;AACpC,SAAC,EACD,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,gBAAgB,EAAA,UAAA,EACf,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,EAAA;QAEpC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,EACnD,EAAA,IAAI,CAAC,OAAO,EAAE,CACX,CACF,EACP;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,SAAgB,EAAE,SAAgB,EAAA;AAClD,IAAA,QACE,SAAS,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;AAC7D,QAAA,SAAS,CAAC,gBAAgB,KAAK,SAAS,CAAC,gBAAgB;AACzD,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;AACvC,QAAA,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;AAC7C,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;AACvC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,EACxC;AACH,CAAC;AAEK,IAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,QAAQ,EAAC;AACtE,iBAAiB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
|