UNPKG

@wordpress/components

Version:
8 lines (7 loc) 2.24 kB
{ "version": 3, "sources": ["../../src/h-stack/hook.tsx"], "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { hasConnectNamespace, useContextSystem } from '../context';\nimport { FlexItem, useFlex } from '../flex';\nimport { getAlignmentProps } from './utils';\nimport { getValidChildren } from '../utils/get-valid-children';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function useHStack(props) {\n const {\n alignment = 'edge',\n children,\n direction,\n spacing = 2,\n ...otherProps\n } = useContextSystem(props, 'HStack');\n const align = getAlignmentProps(alignment, direction);\n const validChildren = getValidChildren(children);\n const clonedChildren = validChildren.map((child, index) => {\n const _isSpacer = hasConnectNamespace(child, ['Spacer']);\n if (_isSpacer) {\n const childElement = child;\n const _key = childElement.key || `hstack-${index}`;\n return /*#__PURE__*/_jsx(FlexItem, {\n isBlock: true,\n ...childElement.props\n }, _key);\n }\n return child;\n });\n const propsForFlex = {\n children: clonedChildren,\n direction,\n justify: 'center',\n ...align,\n ...otherProps,\n gap: spacing\n };\n\n // Omit `isColumn` because it's not used in HStack.\n const {\n isColumn,\n ...flexProps\n } = useFlex(propsForFlex);\n return flexProps;\n}"], "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAAsD;AACtD,kBAAkC;AAClC,mBAAkC;AAClC,gCAAiC;AACjC,yBAA4B;AACrB,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,iCAAiB,OAAO,QAAQ;AACpC,QAAM,YAAQ,gCAAkB,WAAW,SAAS;AACpD,QAAM,oBAAgB,4CAAiB,QAAQ;AAC/C,QAAM,iBAAiB,cAAc,IAAI,CAAC,OAAO,UAAU;AACzD,UAAM,gBAAY,oCAAoB,OAAO,CAAC,QAAQ,CAAC;AACvD,QAAI,WAAW;AACb,YAAM,eAAe;AACrB,YAAM,OAAO,aAAa,OAAO,UAAU,KAAK;AAChD,aAAoB,uCAAAA,KAAK,sBAAU;AAAA,QACjC,SAAS;AAAA,QACT,GAAG,aAAa;AAAA,MAClB,GAAG,IAAI;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC;AACD,QAAM,eAAe;AAAA,IACnB,UAAU;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT,GAAG;AAAA,IACH,GAAG;AAAA,IACH,KAAK;AAAA,EACP;AAGA,QAAM;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EACL,QAAI,qBAAQ,YAAY;AACxB,SAAO;AACT;", "names": ["_jsx"] }