@redsift/popovers 11.9.0 → 11.9.1
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.
|
@@ -54,7 +54,7 @@ const ToggletipTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
54
54
|
"aria-expanded": isOpen,
|
|
55
55
|
onClick: undefined,
|
|
56
56
|
onKeyDown: e => {
|
|
57
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
57
|
+
if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar' || e.code === 'Space') {
|
|
58
58
|
e.preventDefault();
|
|
59
59
|
if (props.onClick) {
|
|
60
60
|
props.onClick(e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggletipTrigger.js","sources":["../../src/components/toggletip-trigger/styles.ts","../../src/components/toggletip-trigger/ToggletipTrigger.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledToggletipTriggerProps } from './types';\nimport { focusRing } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledToggletipTrigger = styled.button<StyledToggletipTriggerProps>`\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n text-decoration: inherit;\n cursor: default;\n display: inline-flex;\n\n ${focusRing}\n`;\n","import React, { forwardRef, ReactElement } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp, isComponent } from '@redsift/design-system';\nimport { useToggletipContext } from '../toggletip';\nimport { ToggletipTriggerProps } from './types';\nimport classNames from 'classnames';\nimport { StyledToggletipTrigger } from './styles';\n\nconst COMPONENT_NAME = 'ToggletipTrigger';\nconst CLASSNAME = 'redsift-toggletip-trigger';\n\n/**\n * The ToggletipTrigger component.\n */\nexport const ToggletipTrigger: Comp<ToggletipTriggerProps, HTMLButtonElement> = forwardRef((props, ref) => {\n const { children } = props;\n\n const { getReferenceProps, isOpen, handleOpen, refs, toggletipId, triggerClassName, color } = useToggletipContext();\n const childrenRef = (children as any).ref;\n const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n if (isComponent('Icon')(children) || isComponent('Text')(children)) {\n return (\n <StyledToggletipTrigger\n {...getReferenceProps({\n ref: triggerRef,\n ...props,\n 'aria-describedby': toggletipId,\n })}\n type=\"button\"\n aria-expanded={isOpen}\n onClick={undefined}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n if (props.onClick) {\n props.onClick(e as never);\n } else {\n handleOpen(!isOpen);\n }\n }\n }}\n className={classNames(triggerClassName)}\n >\n {React.cloneElement(children as ReactElement, {\n ...children.props,\n isActive: isOpen,\n color: color ?? children.props.color,\n })}\n </StyledToggletipTrigger>\n );\n }\n\n return null;\n});\nToggletipTrigger.className = CLASSNAME;\nToggletipTrigger.displayName = COMPONENT_NAME;\n"],"names":["StyledToggletipTrigger","styled","button","focusRing","COMPONENT_NAME","CLASSNAME","ToggletipTrigger","forwardRef","props","ref","children","getReferenceProps","isOpen","handleOpen","refs","toggletipId","triggerClassName","color","useToggletipContext","childrenRef","triggerRef","useMergeRefs","setReference","isComponent","React","createElement","_extends","_objectSpread","type","onClick","undefined","onKeyDown","e","key","preventDefault","className","classNames","cloneElement","isActive","displayName"],"mappings":";;;;;;;;AAIA;AACA;AACA;AACO,MAAMA,sBAAsB,GAAGC,MAAM,CAACC,MAAoC,CAAA;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,SAAU,CAAA;AACd,CAAC;;ACVD,MAAMC,cAAc,GAAG,kBAAkB,CAAA;AACzC,MAAMC,SAAS,GAAG,2BAA2B,CAAA;;AAE7C;AACA;AACA;AACO,MAAMC,gBAAgE,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzG,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;EAE1B,MAAM;IAAEG,iBAAiB;IAAEC,MAAM;IAAEC,UAAU;IAAEC,IAAI;IAAEC,WAAW;IAAEC,gBAAgB;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,mBAAmB,EAAE,CAAA;AACnH,EAAA,MAAMC,WAAW,GAAIT,QAAQ,CAASD,GAAG,CAAA;AACzC,EAAA,MAAMW,UAAU,GAAGC,YAAY,CAAC,CAACP,IAAI,CAACQ,YAAY,EAAEb,GAAG,EAAEU,WAAW,CAAC,CAAC,CAAA;AAEtE,EAAA,IAAII,WAAW,CAAC,MAAM,CAAC,CAACb,QAAQ,CAAC,IAAIa,WAAW,CAAC,MAAM,CAAC,CAACb,QAAQ,CAAC,EAAE;AAClE,IAAA,oBACEc,KAAA,CAAAC,aAAA,CAACzB,sBAAsB,EAAA0B,QAAA,CAAA,EAAA,EACjBf,iBAAiB,CAAAgB,cAAA,CAAAA,cAAA,CAAA;AACnBlB,MAAAA,GAAG,EAAEW,UAAAA;AAAU,KAAA,EACZZ,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,MAAA,kBAAkB,EAAEO,WAAAA;AAAW,KAAA,CAChC,CAAC,EAAA;AACFa,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,eAAA,EAAehB,MAAO;AACtBiB,MAAAA,OAAO,EAAEC,SAAU;MACnBC,SAAS,EAAGC,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;
|
|
1
|
+
{"version":3,"file":"ToggletipTrigger.js","sources":["../../src/components/toggletip-trigger/styles.ts","../../src/components/toggletip-trigger/ToggletipTrigger.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledToggletipTriggerProps } from './types';\nimport { focusRing } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledToggletipTrigger = styled.button<StyledToggletipTriggerProps>`\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n text-decoration: inherit;\n cursor: default;\n display: inline-flex;\n\n ${focusRing}\n`;\n","import React, { forwardRef, ReactElement } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp, isComponent } from '@redsift/design-system';\nimport { useToggletipContext } from '../toggletip';\nimport { ToggletipTriggerProps } from './types';\nimport classNames from 'classnames';\nimport { StyledToggletipTrigger } from './styles';\n\nconst COMPONENT_NAME = 'ToggletipTrigger';\nconst CLASSNAME = 'redsift-toggletip-trigger';\n\n/**\n * The ToggletipTrigger component.\n */\nexport const ToggletipTrigger: Comp<ToggletipTriggerProps, HTMLButtonElement> = forwardRef((props, ref) => {\n const { children } = props;\n\n const { getReferenceProps, isOpen, handleOpen, refs, toggletipId, triggerClassName, color } = useToggletipContext();\n const childrenRef = (children as any).ref;\n const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n if (isComponent('Icon')(children) || isComponent('Text')(children)) {\n return (\n <StyledToggletipTrigger\n {...getReferenceProps({\n ref: triggerRef,\n ...props,\n 'aria-describedby': toggletipId,\n })}\n type=\"button\"\n aria-expanded={isOpen}\n onClick={undefined}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar' || e.code === 'Space') {\n e.preventDefault();\n if (props.onClick) {\n props.onClick(e as never);\n } else {\n handleOpen(!isOpen);\n }\n }\n }}\n className={classNames(triggerClassName)}\n >\n {React.cloneElement(children as ReactElement, {\n ...children.props,\n isActive: isOpen,\n color: color ?? children.props.color,\n })}\n </StyledToggletipTrigger>\n );\n }\n\n return null;\n});\nToggletipTrigger.className = CLASSNAME;\nToggletipTrigger.displayName = COMPONENT_NAME;\n"],"names":["StyledToggletipTrigger","styled","button","focusRing","COMPONENT_NAME","CLASSNAME","ToggletipTrigger","forwardRef","props","ref","children","getReferenceProps","isOpen","handleOpen","refs","toggletipId","triggerClassName","color","useToggletipContext","childrenRef","triggerRef","useMergeRefs","setReference","isComponent","React","createElement","_extends","_objectSpread","type","onClick","undefined","onKeyDown","e","key","code","preventDefault","className","classNames","cloneElement","isActive","displayName"],"mappings":";;;;;;;;AAIA;AACA;AACA;AACO,MAAMA,sBAAsB,GAAGC,MAAM,CAACC,MAAoC,CAAA;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,SAAU,CAAA;AACd,CAAC;;ACVD,MAAMC,cAAc,GAAG,kBAAkB,CAAA;AACzC,MAAMC,SAAS,GAAG,2BAA2B,CAAA;;AAE7C;AACA;AACA;AACO,MAAMC,gBAAgE,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzG,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;EAE1B,MAAM;IAAEG,iBAAiB;IAAEC,MAAM;IAAEC,UAAU;IAAEC,IAAI;IAAEC,WAAW;IAAEC,gBAAgB;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,mBAAmB,EAAE,CAAA;AACnH,EAAA,MAAMC,WAAW,GAAIT,QAAQ,CAASD,GAAG,CAAA;AACzC,EAAA,MAAMW,UAAU,GAAGC,YAAY,CAAC,CAACP,IAAI,CAACQ,YAAY,EAAEb,GAAG,EAAEU,WAAW,CAAC,CAAC,CAAA;AAEtE,EAAA,IAAII,WAAW,CAAC,MAAM,CAAC,CAACb,QAAQ,CAAC,IAAIa,WAAW,CAAC,MAAM,CAAC,CAACb,QAAQ,CAAC,EAAE;AAClE,IAAA,oBACEc,KAAA,CAAAC,aAAA,CAACzB,sBAAsB,EAAA0B,QAAA,CAAA,EAAA,EACjBf,iBAAiB,CAAAgB,cAAA,CAAAA,cAAA,CAAA;AACnBlB,MAAAA,GAAG,EAAEW,UAAAA;AAAU,KAAA,EACZZ,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,MAAA,kBAAkB,EAAEO,WAAAA;AAAW,KAAA,CAChC,CAAC,EAAA;AACFa,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,eAAA,EAAehB,MAAO;AACtBiB,MAAAA,OAAO,EAAEC,SAAU;MACnBC,SAAS,EAAGC,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,IAAID,CAAC,CAACC,GAAG,KAAK,UAAU,IAAID,CAAC,CAACE,IAAI,KAAK,OAAO,EAAE;UACpFF,CAAC,CAACG,cAAc,EAAE,CAAA;UAClB,IAAI3B,KAAK,CAACqB,OAAO,EAAE;AACjBrB,YAAAA,KAAK,CAACqB,OAAO,CAACG,CAAU,CAAC,CAAA;AAC3B,WAAC,MAAM;YACLnB,UAAU,CAAC,CAACD,MAAM,CAAC,CAAA;AACrB,WAAA;AACF,SAAA;OACA;MACFwB,SAAS,EAAEC,UAAU,CAACrB,gBAAgB,CAAA;AAAE,KAAA,CAAA,eAEvCQ,KAAK,CAACc,YAAY,CAAC5B,QAAQ,EAAAiB,cAAA,CAAAA,cAAA,CAAA,EAAA,EACvBjB,QAAQ,CAACF,KAAK,CAAA,EAAA,EAAA,EAAA;AACjB+B,MAAAA,QAAQ,EAAE3B,MAAM;MAChBK,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAIP,QAAQ,CAACF,KAAK,CAACS,KAAAA;AAAK,KAAA,CACrC,CACqB,CAAC,CAAA;AAE7B,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC,EAAC;AACFX,gBAAgB,CAAC8B,SAAS,GAAG/B,SAAS,CAAA;AACtCC,gBAAgB,CAACkC,WAAW,GAAGpC,cAAc;;;;"}
|
package/package.json
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"test": "yarn test:unit && yarn test:storybook"
|
|
31
31
|
},
|
|
32
32
|
"types": "index.d.ts",
|
|
33
|
-
"version": "11.9.
|
|
33
|
+
"version": "11.9.1",
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@floating-ui/react": "^0.27.5",
|
|
36
36
|
"classnames": "^2.3.1",
|
|
@@ -86,11 +86,11 @@
|
|
|
86
86
|
"ts-jest": "^28.0.3"
|
|
87
87
|
},
|
|
88
88
|
"peerDependencies": {
|
|
89
|
-
"@redsift/design-system": "^11.9.
|
|
90
|
-
"@redsift/icons": "^11.9.
|
|
89
|
+
"@redsift/design-system": "^11.9.1-0",
|
|
90
|
+
"@redsift/icons": "^11.9.1-0",
|
|
91
91
|
"react": ">=17",
|
|
92
92
|
"react-dom": ">=17",
|
|
93
93
|
"styled-components": "^5.3.5"
|
|
94
94
|
},
|
|
95
|
-
"gitHead": "
|
|
95
|
+
"gitHead": "7826f219d812ece1884a468be3a9fc8db9acd608"
|
|
96
96
|
}
|