@artsy/palette 45.11.0 → 45.11.2
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.
|
@@ -40,16 +40,18 @@ var ProgressDots = exports.ProgressDots = function ProgressDots(_ref) {
|
|
|
40
40
|
onClick = _ref.onClick,
|
|
41
41
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
42
42
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.Box, _extends({
|
|
43
|
-
role: "presentation",
|
|
43
|
+
role: onClick ? "tablist" : "presentation",
|
|
44
|
+
"aria-label": onClick ? "Progress indicators" : undefined,
|
|
44
45
|
display: "flex",
|
|
45
46
|
alignItems: "center",
|
|
46
47
|
justifyContent: "center",
|
|
47
48
|
my: 0.5
|
|
48
49
|
}, rest), Array.from(Array(amount)).map(function (_, i) {
|
|
50
|
+
var isActive = i === activeIndex;
|
|
49
51
|
var indicator = /*#__PURE__*/_react.default.createElement(Indicator, {
|
|
50
52
|
key: i,
|
|
51
53
|
variant: indicatorVariant,
|
|
52
|
-
bg:
|
|
54
|
+
bg: isActive ? "mono100" : "mono30",
|
|
53
55
|
mx: 0.5
|
|
54
56
|
});
|
|
55
57
|
var handleClick = function handleClick() {
|
|
@@ -58,6 +60,10 @@ var ProgressDots = exports.ProgressDots = function ProgressDots(_ref) {
|
|
|
58
60
|
if (onClick) {
|
|
59
61
|
return /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
|
|
60
62
|
key: i,
|
|
63
|
+
role: "tab",
|
|
64
|
+
"aria-label": "Go to ".concat(i + 1, " of ").concat(amount),
|
|
65
|
+
"aria-selected": isActive,
|
|
66
|
+
"aria-current": isActive ? "page" : undefined,
|
|
61
67
|
display: "block",
|
|
62
68
|
position: "relative",
|
|
63
69
|
width: indicatorVariant === "dash" ? "100%" : "auto",
|
|
@@ -74,7 +80,7 @@ var ProgressDots = exports.ProgressDots = function ProgressDots(_ref) {
|
|
|
74
80
|
})), /*#__PURE__*/_react.default.createElement(_VisuallyHidden.VisuallyHidden, {
|
|
75
81
|
"aria-live": "polite",
|
|
76
82
|
"aria-atomic": "true"
|
|
77
|
-
},
|
|
83
|
+
}, activeIndex + 1, " of ", amount));
|
|
78
84
|
};
|
|
79
85
|
var Indicator = (0, _styledComponents.default)(_Box.Box).withConfig({
|
|
80
86
|
displayName: "ProgressDots__Indicator",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressDots.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Clickable","_VisuallyHidden","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","VARIANTS","dot","width","height","borderRadius","dash","flex","ProgressDots","exports","_ref","activeIndex","amount","_ref$variant","variant","indicatorVariant","onClick","rest","createElement","Fragment","Box","role","display","alignItems","justifyContent","my","Array","from","map","_","indicator","Indicator","bg","mx","handleClick","Clickable","position","top","bottom","left","VisuallyHidden","styled","withConfig","displayName","componentId","variants"],"sources":["../../../src/elements/ProgressDots/ProgressDots.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\n\nconst VARIANTS = {\n dot: {\n width: \"5px\",\n height: \"5px\",\n borderRadius: \"50%\",\n },\n dash: {\n height: \"1px\",\n flex: 1,\n },\n}\n\ntype Variant = keyof typeof VARIANTS\n\n/** ProgressDotsProps */\nexport interface ProgressDotsProps extends BoxProps {\n activeIndex: number\n amount: number\n variant?: Variant\n onClick?: (index: number) => void\n}\n\n/**\n * Renders an `amount` of dots and announces progress when updated\n */\nexport const ProgressDots: React.FC<\n React.PropsWithChildren<ProgressDotsProps>\n> = ({\n activeIndex,\n amount,\n variant: indicatorVariant = \"dot\",\n onClick,\n ...rest\n}) => {\n return (\n <>\n <Box\n role
|
|
1
|
+
{"version":3,"file":"ProgressDots.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Clickable","_VisuallyHidden","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","VARIANTS","dot","width","height","borderRadius","dash","flex","ProgressDots","exports","_ref","activeIndex","amount","_ref$variant","variant","indicatorVariant","onClick","rest","createElement","Fragment","Box","role","undefined","display","alignItems","justifyContent","my","Array","from","map","_","isActive","indicator","Indicator","bg","mx","handleClick","Clickable","concat","position","top","bottom","left","VisuallyHidden","styled","withConfig","displayName","componentId","variants"],"sources":["../../../src/elements/ProgressDots/ProgressDots.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\n\nconst VARIANTS = {\n dot: {\n width: \"5px\",\n height: \"5px\",\n borderRadius: \"50%\",\n },\n dash: {\n height: \"1px\",\n flex: 1,\n },\n}\n\ntype Variant = keyof typeof VARIANTS\n\n/** ProgressDotsProps */\nexport interface ProgressDotsProps extends BoxProps {\n activeIndex: number\n amount: number\n variant?: Variant\n onClick?: (index: number) => void\n}\n\n/**\n * Renders an `amount` of dots and announces progress when updated\n */\nexport const ProgressDots: React.FC<\n React.PropsWithChildren<ProgressDotsProps>\n> = ({\n activeIndex,\n amount,\n variant: indicatorVariant = \"dot\",\n onClick,\n ...rest\n}) => {\n return (\n <>\n <Box\n role={onClick ? \"tablist\" : \"presentation\"}\n aria-label={onClick ? \"Progress indicators\" : undefined}\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n my={0.5}\n {...rest}\n >\n {Array.from(Array(amount)).map((_, i) => {\n const isActive = i === activeIndex\n const indicator = (\n <Indicator\n key={i}\n variant={indicatorVariant}\n bg={isActive ? \"mono100\" : \"mono30\"}\n mx={0.5}\n />\n )\n\n const handleClick = () => onClick && onClick(i)\n\n if (onClick) {\n return (\n <Clickable\n key={i}\n role=\"tab\"\n aria-label={`Go to ${i + 1} of ${amount}`}\n aria-selected={isActive}\n aria-current={isActive ? \"page\" : undefined}\n display=\"block\"\n position=\"relative\"\n width={indicatorVariant === \"dash\" ? \"100%\" : \"auto\"}\n onClick={handleClick}\n >\n {/* Pads out hit area. */}\n <Box\n position=\"absolute\"\n top={-10}\n bottom={-10}\n left={0}\n width=\"100%\"\n />\n\n {indicator}\n </Clickable>\n )\n }\n\n return indicator\n })}\n </Box>\n\n <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n {activeIndex + 1} of {amount}\n </VisuallyHidden>\n </>\n )\n}\n\nconst Indicator = styled(Box)<{\n variant: Variant\n onClick?: (index: number) => void\n}>`\n ${variant({ variants: VARIANTS })}\n transition: background-color 250ms;\n`\n\nIndicator.displayName = \"Indicator\"\n"],"mappings":"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"}
|
|
@@ -91,7 +91,7 @@ var useTabs = exports.useTabs = function useTabs(_ref) {
|
|
|
91
91
|
var Container = (0, _styledComponents.default)(_Clickable.Clickable).withConfig({
|
|
92
92
|
displayName: "Tabs__Container",
|
|
93
93
|
componentId: "sc-1kalvjm-0"
|
|
94
|
-
})(["&:focus-visible{outline:none;z-index:2;
|
|
94
|
+
})(["&:focus-visible{outline:none;z-index:2;box-shadow:inset 0 0 0 1px ", ";}"], (0, _themeGet.themeGet)("colors.blue100"));
|
|
95
95
|
|
|
96
96
|
/** A tab bar navigation component */
|
|
97
97
|
var Tabs = exports.Tabs = function Tabs(_ref2) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_themeGet","_flattenChildren","_useUpdateEffect","_BaseTabs","_Clickable","_usePrevious","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useTabs","exports","_ref","children","_ref$initialTabIndex","initialTabIndex","onChange","tabs","useMemo","flattenChildren","map","child","ref","createRef","previousInitialTabIndex","usePrevious","_useState","useState","_useState2","activeTabIndex","setActiveTabIndex","useUpdateEffect","useRef","useEffect","_ref$current$scrollTo","_ref$current","current","tab","position","offsetLeft","scrollTo","left","behavior","handleClick","useCallback","index","_tabs$index$child$pro","tabIndex","props","data","Container","styled","Clickable","withConfig","displayName","componentId","themeGet","Tabs","_ref2","_ref2$initialTabIndex","_ref2$mb","mb","rest","_useTabs","createElement","Fragment","BaseTabs","onClick","flex","BaseTab","active","variant","Tab","_ref3"],"sources":["../../../src/elements/Tabs/Tabs.tsx"],"sourcesContent":["import React, {\n createRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { BaseTabs, BaseTabsProps } from \"../BaseTabs\"\nimport { BaseTab } from \"../BaseTabs\"\nimport { Clickable } from \"../Clickable\"\nimport { usePrevious } from \"../../utils/usePrevious\"\n\nexport interface TabLike extends JSX.Element {\n props: TabProps\n}\n\nexport interface TabInfo extends TabProps {\n /** Index of the newly selected Tab */\n tabIndex: number\n /**\n * Arbitrary data that can be associated with a Tab.\n * Will be passed to the parent <Tabs>'s onChange handler.\n */\n data: any\n}\n\nexport interface TabsProps extends BaseTabsProps {\n /** Index of the Tab that should be pre-selected */\n initialTabIndex?: number\n /** @deprecated */\n autoScroll?: boolean\n /** Function that will be called when a new Tab is selected */\n onChange?: (tabInfo?: TabInfo) => void\n}\n\n/** Tabs functionality */\nexport const useTabs = ({\n children,\n initialTabIndex = 0,\n onChange,\n}: TabsProps) => {\n const tabs = useMemo(\n () =>\n flattenChildren<TabLike>(children).map((child) => ({\n child,\n ref: createRef<HTMLButtonElement | null>(),\n })),\n [children]\n )\n\n const previousInitialTabIndex = usePrevious(initialTabIndex)\n const [activeTabIndex, setActiveTabIndex] = useState<number>(initialTabIndex)\n\n // If the `initialTabIndex` changes; update the active one\n useUpdateEffect(() => {\n // Only update if the `initialTabIndex` has changed externally\n if (initialTabIndex === previousInitialTabIndex) return\n setActiveTabIndex(initialTabIndex)\n }, [initialTabIndex, tabs])\n\n // Ref of the tabs viewport\n const ref = useRef<HTMLDivElement | null>(null)\n\n // Scroll to active tab when `activeTabIndex` changes\n useEffect(() => {\n if (!ref.current) return\n const tab = tabs[activeTabIndex].ref.current\n if (!tab) return\n const position = tab.offsetLeft\n ref.current.scrollTo?.({ left: position, behavior: \"smooth\" })\n }, [activeTabIndex])\n\n const handleClick = useCallback(\n (index: number) => {\n return () => {\n if (index === activeTabIndex) return\n\n setActiveTabIndex(index)\n\n if (!onChange) return\n\n onChange({\n tabIndex: index,\n name: tabs[index].child.props.name,\n data: tabs[index].child.props.data ?? {},\n })\n }\n },\n [activeTabIndex, onChange, tabs]\n )\n\n return {\n activeTabIndex,\n handleClick,\n ref,\n tabs,\n }\n}\n\nconst Container = styled(Clickable)`\n &:focus-visible {\n outline: none;\n z-index: 2;\n border: 1px solid ${themeGet(\"colors.blue100\")};\n }\n`\n\n/** A tab bar navigation component */\nexport const Tabs: React.FC<React.PropsWithChildren<TabsProps>> = ({\n children,\n initialTabIndex = 0,\n mb = 2,\n onChange,\n ...rest\n}) => {\n const { tabs, activeTabIndex, handleClick, ref } = useTabs({\n children,\n initialTabIndex,\n onChange,\n })\n\n return (\n <>\n <BaseTabs ref={ref} mb={mb} {...rest}>\n {tabs.map((tab, i) => {\n return (\n <Container\n key={i}\n ref={tab.ref as any}\n aria-selected={i === activeTabIndex}\n onClick={handleClick(i)}\n flex={1}\n >\n <BaseTab active={i === activeTabIndex} variant=\"sm\">\n <span>{tab.child.props.name}</span>\n </BaseTab>\n </Container>\n )\n })}\n </BaseTabs>\n\n {tabs[activeTabIndex].child}\n </>\n )\n}\n\nexport interface TabProps {\n /** Display name of the Tab */\n name: string | JSX.Element\n /**\n * Arbitrary data that can be associated with a Tab.\n * Will be passed to the parent <Tabs>'s onChange handler.\n */\n data?: any\n}\n\n/**\n * An individual tab.\n * Does nothing on its own; props are dealt with inside of Tabs.\n */\nexport const Tab: React.FC<React.PropsWithChildren<TabProps>> = ({\n children,\n}) => <>{children}</>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tabs.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_themeGet","_flattenChildren","_useUpdateEffect","_BaseTabs","_Clickable","_usePrevious","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useTabs","exports","_ref","children","_ref$initialTabIndex","initialTabIndex","onChange","tabs","useMemo","flattenChildren","map","child","ref","createRef","previousInitialTabIndex","usePrevious","_useState","useState","_useState2","activeTabIndex","setActiveTabIndex","useUpdateEffect","useRef","useEffect","_ref$current$scrollTo","_ref$current","current","tab","position","offsetLeft","scrollTo","left","behavior","handleClick","useCallback","index","_tabs$index$child$pro","tabIndex","props","data","Container","styled","Clickable","withConfig","displayName","componentId","themeGet","Tabs","_ref2","_ref2$initialTabIndex","_ref2$mb","mb","rest","_useTabs","createElement","Fragment","BaseTabs","onClick","flex","BaseTab","active","variant","Tab","_ref3"],"sources":["../../../src/elements/Tabs/Tabs.tsx"],"sourcesContent":["import React, {\n createRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { BaseTabs, BaseTabsProps } from \"../BaseTabs\"\nimport { BaseTab } from \"../BaseTabs\"\nimport { Clickable } from \"../Clickable\"\nimport { usePrevious } from \"../../utils/usePrevious\"\n\nexport interface TabLike extends JSX.Element {\n props: TabProps\n}\n\nexport interface TabInfo extends TabProps {\n /** Index of the newly selected Tab */\n tabIndex: number\n /**\n * Arbitrary data that can be associated with a Tab.\n * Will be passed to the parent <Tabs>'s onChange handler.\n */\n data: any\n}\n\nexport interface TabsProps extends BaseTabsProps {\n /** Index of the Tab that should be pre-selected */\n initialTabIndex?: number\n /** @deprecated */\n autoScroll?: boolean\n /** Function that will be called when a new Tab is selected */\n onChange?: (tabInfo?: TabInfo) => void\n}\n\n/** Tabs functionality */\nexport const useTabs = ({\n children,\n initialTabIndex = 0,\n onChange,\n}: TabsProps) => {\n const tabs = useMemo(\n () =>\n flattenChildren<TabLike>(children).map((child) => ({\n child,\n ref: createRef<HTMLButtonElement | null>(),\n })),\n [children]\n )\n\n const previousInitialTabIndex = usePrevious(initialTabIndex)\n const [activeTabIndex, setActiveTabIndex] = useState<number>(initialTabIndex)\n\n // If the `initialTabIndex` changes; update the active one\n useUpdateEffect(() => {\n // Only update if the `initialTabIndex` has changed externally\n if (initialTabIndex === previousInitialTabIndex) return\n setActiveTabIndex(initialTabIndex)\n }, [initialTabIndex, tabs])\n\n // Ref of the tabs viewport\n const ref = useRef<HTMLDivElement | null>(null)\n\n // Scroll to active tab when `activeTabIndex` changes\n useEffect(() => {\n if (!ref.current) return\n const tab = tabs[activeTabIndex].ref.current\n if (!tab) return\n const position = tab.offsetLeft\n ref.current.scrollTo?.({ left: position, behavior: \"smooth\" })\n }, [activeTabIndex])\n\n const handleClick = useCallback(\n (index: number) => {\n return () => {\n if (index === activeTabIndex) return\n\n setActiveTabIndex(index)\n\n if (!onChange) return\n\n onChange({\n tabIndex: index,\n name: tabs[index].child.props.name,\n data: tabs[index].child.props.data ?? {},\n })\n }\n },\n [activeTabIndex, onChange, tabs]\n )\n\n return {\n activeTabIndex,\n handleClick,\n ref,\n tabs,\n }\n}\n\nconst Container = styled(Clickable)`\n &:focus-visible {\n outline: none;\n z-index: 2;\n box-shadow: inset 0 0 0 1px ${themeGet(\"colors.blue100\")};\n }\n`\n\n/** A tab bar navigation component */\nexport const Tabs: React.FC<React.PropsWithChildren<TabsProps>> = ({\n children,\n initialTabIndex = 0,\n mb = 2,\n onChange,\n ...rest\n}) => {\n const { tabs, activeTabIndex, handleClick, ref } = useTabs({\n children,\n initialTabIndex,\n onChange,\n })\n\n return (\n <>\n <BaseTabs ref={ref} mb={mb} {...rest}>\n {tabs.map((tab, i) => {\n return (\n <Container\n key={i}\n ref={tab.ref as any}\n aria-selected={i === activeTabIndex}\n onClick={handleClick(i)}\n flex={1}\n >\n <BaseTab active={i === activeTabIndex} variant=\"sm\">\n <span>{tab.child.props.name}</span>\n </BaseTab>\n </Container>\n )\n })}\n </BaseTabs>\n\n {tabs[activeTabIndex].child}\n </>\n )\n}\n\nexport interface TabProps {\n /** Display name of the Tab */\n name: string | JSX.Element\n /**\n * Arbitrary data that can be associated with a Tab.\n * Will be passed to the parent <Tabs>'s onChange handler.\n */\n data?: any\n}\n\n/**\n * An individual tab.\n * Does nothing on its own; props are dealt with inside of Tabs.\n */\nexport const Tab: React.FC<React.PropsWithChildren<TabProps>> = ({\n children,\n}) => <>{children}</>\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@artsy/palette",
|
|
3
|
-
"version": "45.11.
|
|
3
|
+
"version": "45.11.2",
|
|
4
4
|
"description": "Design system library for react components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -191,5 +191,5 @@
|
|
|
191
191
|
"url": "http://localhost"
|
|
192
192
|
}
|
|
193
193
|
},
|
|
194
|
-
"gitHead": "
|
|
194
|
+
"gitHead": "694c1fdd0eedf35d42e0f048fdcccc3dd29eef70"
|
|
195
195
|
}
|