@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 2.22 kB
Source Map (JSON)
{
"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": ";AAQA,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,UAAU,eAAe;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,OAAO,YAAY;AACrB,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,iBAAiB,OAAO,QAAQ;AACpC,QAAM,QAAQ,kBAAkB,WAAW,SAAS;AACpD,QAAM,gBAAgB,iBAAiB,QAAQ;AAC/C,QAAM,iBAAiB,cAAc,IAAI,CAAC,OAAO,UAAU;AACzD,UAAM,YAAY,oBAAoB,OAAO,CAAC,QAAQ,CAAC;AACvD,QAAI,WAAW;AACb,YAAM,eAAe;AACrB,YAAM,OAAO,aAAa,OAAO,UAAU,KAAK;AAChD,aAAoB,qBAAK,UAAU;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,IAAI,QAAQ,YAAY;AACxB,SAAO;AACT;",
"names": []
}