@alma-oss/spirit-web-react 4.1.0 → 4.2.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.
- package/README.md +2 -1
- package/bundles/web-react.umd.js +765 -419
- package/bundles/web-react.umd.js.map +1 -1
- package/bundles/web-react.umd.min.js +1 -1
- package/bundles/web-react.umd.min.js.map +1 -1
- package/components/Accordion/Accordion.cjs +24 -8
- package/components/Accordion/Accordion.cjs.map +1 -1
- package/components/Accordion/Accordion.d.ts +5 -3
- package/components/Accordion/Accordion.js +2 -0
- package/components/Accordion/Accordion.js.map +1 -1
- package/components/Accordion/AccordionHeader.d.ts +5 -3
- package/components/Accordion/AccordionHeader.js +14 -4
- package/components/Accordion/AccordionHeader.js.map +1 -1
- package/components/Accordion/AccordionItem.d.ts +5 -3
- package/components/Accordion/AccordionItem.js +2 -0
- package/components/Accordion/AccordionItem.js.map +1 -1
- package/components/Accordion/UncontrolledAccordion.d.ts +5 -3
- package/components/Accordion/UncontrolledAccordion.js +3 -1
- package/components/Accordion/UncontrolledAccordion.js.map +1 -1
- package/components/Accordion/useAccordion.d.ts +2 -2
- package/components/Accordion/useAccordion.js.map +1 -1
- package/components/ActionGroup/ActionGroup.cjs +4 -2
- package/components/ActionGroup/ActionGroup.cjs.map +1 -1
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/Button/Button.cjs +49 -12
- package/components/Button/Button.cjs.map +1 -1
- package/components/Button/Button.js.map +1 -1
- package/components/Button/useButtonStyleProps.js +6 -6
- package/components/Button/useButtonStyleProps.js.map +1 -1
- package/components/ButtonLink/ButtonLink.js.map +1 -1
- package/components/ButtonLink/useButtonLinkStyleProps.js +6 -6
- package/components/ButtonLink/useButtonLinkStyleProps.js.map +1 -1
- package/components/Card/CardLink.d.ts +1 -1
- package/components/Card/CardLink.js.map +1 -1
- package/components/Checkbox/Checkbox.cjs +45 -1
- package/components/Checkbox/Checkbox.cjs.map +1 -1
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Checkbox/useCheckboxStyleProps.js +5 -2
- package/components/Checkbox/useCheckboxStyleProps.js.map +1 -1
- package/components/Collapse/Collapse.cjs +2 -2
- package/components/Collapse/Collapse.cjs.map +1 -1
- package/components/ControlButton/ControlButton.js.map +1 -1
- package/components/ControlButton/useControlButtonStyleProps.js +3 -4
- package/components/ControlButton/useControlButtonStyleProps.js.map +1 -1
- package/components/Drawer/Drawer.cjs +49 -12
- package/components/Drawer/Drawer.cjs.map +1 -1
- package/components/Drawer/DrawerPanel.js.map +1 -1
- package/components/FileUploader/FileUploader.cjs +6 -4
- package/components/FileUploader/FileUploader.cjs.map +1 -1
- package/components/FileUploader/FileUploaderAttachment.js +3 -3
- package/components/FileUploader/FileUploaderAttachment.js.map +1 -1
- package/components/FileUploader/FileUploaderList.js +2 -1
- package/components/FileUploader/FileUploaderList.js.map +1 -1
- package/components/FileUploader/constants.d.ts +1 -0
- package/components/FileUploader/constants.js +1 -0
- package/components/FileUploader/constants.js.map +1 -1
- package/components/FileUploader/useFileUploaderInput.js.map +1 -1
- package/components/Flex/Flex.cjs +4 -2
- package/components/Flex/Flex.cjs.map +1 -1
- package/components/Flex/Flex.d.ts +2 -0
- package/components/Flex/Flex.js +2 -0
- package/components/Flex/Flex.js.map +1 -1
- package/components/Flex/useFlexStyleProps.d.ts +2 -2
- package/components/Footer/Footer.cjs +40 -3
- package/components/Footer/Footer.cjs.map +1 -1
- package/components/Footer/Footer.d.ts +2 -2
- package/components/Footer/Footer.js +5 -3
- package/components/Footer/Footer.js.map +1 -1
- package/components/Footer/useFooterStyleProps.d.ts +2 -2
- package/components/Footer/useFooterStyleProps.js.map +1 -1
- package/components/Grid/Grid.cjs +10 -5
- package/components/Grid/Grid.cjs.map +1 -1
- package/components/Grid/Grid.d.ts +2 -0
- package/components/Grid/Grid.js +2 -0
- package/components/Grid/Grid.js.map +1 -1
- package/components/Grid/GridItem.d.ts +2 -0
- package/components/Grid/GridItem.js +2 -0
- package/components/Grid/GridItem.js.map +1 -1
- package/components/Grid/useGridItemStyleProps.d.ts +2 -2
- package/components/Grid/useGridItemStyleProps.js +6 -5
- package/components/Grid/useGridItemStyleProps.js.map +1 -1
- package/components/Grid/useGridStyleProps.d.ts +2 -2
- package/components/Header/Header.cjs +49 -12
- package/components/Header/Header.cjs.map +1 -1
- package/components/Header/HeaderDialogLink.js.map +1 -1
- package/components/Header/HeaderLink.js.map +1 -1
- package/components/Hidden/Hidden.d.ts +9 -0
- package/components/Hidden/Hidden.js +31 -0
- package/components/Hidden/Hidden.js.map +1 -0
- package/components/Hidden/index.d.ts +1 -0
- package/components/Hidden/index.js +2 -0
- package/components/Hidden/index.js.map +1 -0
- package/components/Icon/Icon.js.map +1 -1
- package/components/Icon/useIconStyleProps.d.ts +10 -10
- package/components/Link/Link.js.map +1 -1
- package/components/Matrix/Matrix.cjs.map +1 -1
- package/components/Matrix/Matrix.js +2 -2
- package/components/Matrix/Matrix.js.map +1 -1
- package/components/Matrix/useMatrixStyleProps.d.ts +1 -1
- package/components/Matrix/useMatrixStyleProps.js.map +1 -1
- package/components/Modal/Modal.cjs +54 -16
- package/components/Modal/Modal.cjs.map +1 -1
- package/components/Modal/ModalCloseButton.js +2 -1
- package/components/Modal/ModalCloseButton.js.map +1 -1
- package/components/Modal/ModalHeader.js +2 -1
- package/components/Modal/ModalHeader.js.map +1 -1
- package/components/Modal/constants.d.ts +1 -0
- package/components/Modal/constants.js +2 -0
- package/components/Modal/constants.js.map +1 -0
- package/components/Modal/useModalDialogStyleProps.js +1 -2
- package/components/Modal/useModalDialogStyleProps.js.map +1 -1
- package/components/Navigation/NavigationAction.js.map +1 -1
- package/components/Navigation/NavigationAvatar.js.map +1 -1
- package/components/Pagination/Pagination.cjs +61 -19
- package/components/Pagination/Pagination.cjs.map +1 -1
- package/components/Pagination/PaginationButtonLink.js +4 -1
- package/components/Pagination/PaginationButtonLink.js.map +1 -1
- package/components/Pagination/PaginationLink.js +4 -2
- package/components/Pagination/PaginationLink.js.map +1 -1
- package/components/Pagination/PaginationLinkNext.js.map +1 -1
- package/components/Pagination/PaginationLinkPrevious.js.map +1 -1
- package/components/Pagination/UncontrolledPagination.js +2 -1
- package/components/Pagination/UncontrolledPagination.js.map +1 -1
- package/components/Pagination/constants.d.ts +1 -0
- package/components/Pagination/constants.js +1 -0
- package/components/Pagination/constants.js.map +1 -1
- package/components/PricingPlan/PricingPlan.cjs +54 -16
- package/components/PricingPlan/PricingPlan.cjs.map +1 -1
- package/components/Radio/Radio.cjs +45 -1
- package/components/Radio/Radio.cjs.map +1 -1
- package/components/Radio/Radio.js.map +1 -1
- package/components/Radio/useRadioStyleProps.js +5 -2
- package/components/Radio/useRadioStyleProps.js.map +1 -1
- package/components/ScrollView/ScrollView.cjs +80 -11
- package/components/ScrollView/ScrollView.cjs.map +1 -1
- package/components/ScrollView/ScrollViewArrows.js +3 -8
- package/components/ScrollView/ScrollViewArrows.js.map +1 -1
- package/components/ScrollView/constants.d.ts +1 -0
- package/components/ScrollView/constants.js +1 -0
- package/components/ScrollView/constants.js.map +1 -1
- package/components/ScrollView/index.d.ts +1 -0
- package/components/ScrollView/index.js +1 -0
- package/components/ScrollView/index.js.map +1 -1
- package/components/ScrollView/useScrollCallback.d.ts +10 -0
- package/components/ScrollView/useScrollCallback.js +41 -0
- package/components/ScrollView/useScrollCallback.js.map +1 -0
- package/components/ScrollView/useScrollPosition.js.map +1 -1
- package/components/SegmentedControl/SegmentedControlContext.js.map +1 -1
- package/components/Select/Select.js.map +1 -1
- package/components/Skeleton/useSkeletonShapeStyleProps.d.ts +10 -10
- package/components/SkipLink/SkipLink.js.map +1 -1
- package/components/Slider/Slider.js.map +1 -1
- package/components/Spinner/Spinner.js.map +1 -1
- package/components/SplitButton/SplitButton.cjs +52 -12
- package/components/SplitButton/SplitButton.cjs.map +1 -1
- package/components/SplitButton/UncontrolledSplitButton.js +2 -0
- package/components/SplitButton/UncontrolledSplitButton.js.map +1 -1
- package/components/SplitButton/constants.d.ts +1 -0
- package/components/SplitButton/constants.js +2 -0
- package/components/SplitButton/constants.js.map +1 -0
- package/components/Tabs/TabContext.js.map +1 -1
- package/components/Tabs/TabLink.js.map +1 -1
- package/components/Tag/Tag.js.map +1 -1
- package/components/TextArea/TextArea.cjs +7 -1
- package/components/TextArea/TextArea.cjs.map +1 -1
- package/components/TextArea/TextArea.js.map +1 -1
- package/components/TextArea/useAdjustHeight.js.map +1 -1
- package/components/TextField/TextField.cjs +7 -1
- package/components/TextField/TextField.cjs.map +1 -1
- package/components/TextField/TextField.js.map +1 -1
- package/components/TextFieldBase/TextFieldBase.cjs +7 -1
- package/components/TextFieldBase/TextFieldBase.cjs.map +1 -1
- package/components/TextFieldBase/TextFieldBase.d.ts +2 -2
- package/components/TextFieldBase/TextFieldBase.js.map +1 -1
- package/components/TextFieldBase/TextFieldBaseInput.js.map +1 -1
- package/components/TextFieldBase/TextFieldBasePasswordToggle.js +5 -1
- package/components/TextFieldBase/TextFieldBasePasswordToggle.js.map +1 -1
- package/components/TextFieldBase/constants.d.ts +2 -0
- package/components/TextFieldBase/constants.js +3 -0
- package/components/TextFieldBase/constants.js.map +1 -0
- package/components/Toast/Toast.cjs +1 -1
- package/components/Toast/Toast.cjs.map +1 -1
- package/components/Toast/ToastBarLink.js.map +1 -1
- package/components/Toast/ToastContext.js +2 -2
- package/components/Toast/ToastContext.js.map +1 -1
- package/components/Toast/UncontrolledToast.js +2 -1
- package/components/Toast/UncontrolledToast.js.map +1 -1
- package/components/Toast/useToastBarStyleProps.d.ts +10 -10
- package/components/Toggle/Toggle.cjs +46 -1
- package/components/Toggle/Toggle.cjs.map +1 -1
- package/components/Toggle/Toggle.js.map +1 -1
- package/components/Toggle/useToggleStyleProps.js +5 -2
- package/components/Toggle/useToggleStyleProps.js.map +1 -1
- package/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.js.map +1 -1
- package/components/components.cjs +441 -285
- package/components/components.cjs.map +1 -1
- package/components/index.d.ts +1 -0
- package/components/index.js +1 -0
- package/components/index.js.map +1 -1
- package/constants/constants.cjs +6 -0
- package/constants/constants.cjs.map +1 -1
- package/constants/index.d.ts +1 -0
- package/constants/index.js +1 -0
- package/constants/index.js.map +1 -1
- package/constants/inputs.d.ts +4 -0
- package/constants/inputs.js +5 -0
- package/constants/inputs.js.map +1 -0
- package/hooks/hooks.cjs +48 -7
- package/hooks/hooks.cjs.map +1 -1
- package/hooks/index.d.ts +2 -1
- package/hooks/index.js +2 -1
- package/hooks/index.js.map +1 -1
- package/hooks/useDeprecationMessage.js +2 -2
- package/hooks/useDeprecationMessage.js.map +1 -1
- package/hooks/useInputPositionClass.d.ts +2 -0
- package/hooks/useInputPositionClass.js +8 -0
- package/hooks/useInputPositionClass.js.map +1 -0
- package/hooks/useSymmetry.d.ts +7 -0
- package/hooks/useSymmetry.js +39 -0
- package/hooks/useSymmetry.js.map +1 -0
- package/index.cjs +444 -290
- package/index.cjs.map +1 -1
- package/package.json +11 -18
- package/spirit-web-react.cjs +444 -290
- package/spirit-web-react.cjs.map +1 -1
- package/spirit-web-react.min.cjs +1 -1
- package/types/accordion.d.ts +14 -7
- package/types/box.d.ts +2 -2
- package/types/button.d.ts +2 -2
- package/types/checkbox.d.ts +2 -1
- package/types/controlButton.d.ts +2 -2
- package/types/flex.d.ts +2 -3
- package/types/footer.d.ts +7 -2
- package/types/grid.d.ts +3 -5
- package/types/hidden.d.ts +10 -0
- package/types/hidden.js +2 -0
- package/types/hidden.js.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.js +1 -0
- package/types/index.js.map +1 -1
- package/types/item.d.ts +2 -2
- package/types/pricingPlan.d.ts +1 -1
- package/types/radio.d.ts +2 -1
- package/types/shared/inputs.d.ts +3 -0
- package/types/slider.d.ts +2 -2
- package/types/toggle.d.ts +2 -1
- package/hooks/useDirectionClass.d.ts +0 -2
- package/hooks/useDirectionClass.js +0 -5
- package/hooks/useDirectionClass.js.map +0 -1
package/hooks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import { useEffect } from 'react';
|
|
3
3
|
import { warning } from "../common/utilities/index.js";
|
|
4
4
|
export const useDeprecationMessage = ({ method = 'component', trigger, componentName, componentProps, propertyProps, customText, }) => {
|
|
5
|
-
let message;
|
|
6
|
-
let hasProps;
|
|
7
5
|
const messageBase = `Deprecation warning (${componentName}):`;
|
|
8
6
|
useEffect(() => {
|
|
9
7
|
const isExecutable = trigger && componentName && process.env.NODE_ENV === 'development';
|
|
8
|
+
let message;
|
|
9
|
+
let hasProps;
|
|
10
10
|
switch (method) {
|
|
11
11
|
case 'property':
|
|
12
12
|
if (propertyProps === null || propertyProps === void 0 ? void 0 : propertyProps.delete) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDeprecationMessage.js","sourceRoot":"","sources":["../../src/hooks/useDeprecationMessage.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAuB9C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,MAAM,GAAG,WAAW,EACpB,OAAO,EACP,aAAa,EACb,cAAc,EACd,aAAa,EACb,UAAU,GACiB,EAAE,EAAE;IAC/B,
|
|
1
|
+
{"version":3,"file":"useDeprecationMessage.js","sourceRoot":"","sources":["../../src/hooks/useDeprecationMessage.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAuB9C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,MAAM,GAAG,WAAW,EACpB,OAAO,EACP,aAAa,EACb,cAAc,EACd,aAAa,EACb,UAAU,GACiB,EAAE,EAAE;IAC/B,MAAM,WAAW,GAAG,wBAAwB,aAAa,IAAI,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,OAAO,IAAI,aAAa,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC;QAExF,IAAI,OAA2B,CAAC;QAChC,IAAI,QAAiB,CAAC;QAEtB,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,UAAU;gBACb,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,EAAE,CAAC;oBAC1B,OAAO,GAAG,GAAG,WAAW,KAAK,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,uDAAuD,CAAC;gBACpH,CAAC;qBAAM,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,MAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAA,KAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAA,EAAE,CAAC;oBACpG,OAAO,GAAG,GAAG,WAAW,SAAS,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,gBAAgB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,kCAAkC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,8BAA8B,CAAC;gBACpM,CAAC;qBAAM,CAAC;oBACN,OAAO,GAAG,GAAG,WAAW,KAAK,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,sEAAsE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,gBAAgB,CAAC;gBACzK,CAAC;gBACD,QAAQ,GAAG,CAAC,CAAC,aAAa,CAAC;gBAC3B,MAAM;YAER,KAAK,QAAQ;gBACX,OAAO,GAAG,GAAG,WAAW,IAAI,UAAU,EAAE,CAAC;gBACzC,QAAQ,GAAG,IAAI,CAAC;gBAChB,MAAM;YAER,KAAK,WAAW,CAAC;YACjB;gBACE,IAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,EAAE,CAAC;oBAC3B,OAAO,GAAG,GAAG,WAAW,iFAAiF,CAAC;gBAC5G,CAAC;qBAAM,CAAC;oBACN,OAAO,GAAG,GAAG,WAAW,4DAA4D,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,8BAA8B,CAAC;gBAC5I,CAAC;gBACD,QAAQ,GAAG,CAAC,CAAC,cAAc,CAAC;gBAC5B,MAAM;QACV,CAAC;QAED,IAAI,OAAO,IAAI,YAAY,IAAI,QAAQ,EAAE,CAAC;YACxC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC1B,CAAC;IAGH,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { generateStylePropsClassNames } from "../utils/index.js";
|
|
2
|
+
export function useInputPositionClass(componentClass, property) {
|
|
3
|
+
if (!property) {
|
|
4
|
+
return '';
|
|
5
|
+
}
|
|
6
|
+
return generateStylePropsClassNames(componentClass, property, 'inputPosition');
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=useInputPositionClass.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useInputPositionClass.js","sourceRoot":"","sources":["../../src/hooks/useInputPositionClass.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,UAAU,qBAAqB,CACnC,cAAsB,EACtB,QAAuE;IAEvE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,4BAA4B,CAAC,cAAc,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;AACjF,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type SingleOrResponsive } from '../types';
|
|
2
|
+
interface SymmetryReturn {
|
|
3
|
+
isSymmetricalActive: boolean;
|
|
4
|
+
symmetricalClassName: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function useSymmetry(componentClass: string, isSymmetrical: SingleOrResponsive<boolean> | undefined): SymmetryReturn;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { breakpoints } from '@alma-oss/spirit-design-tokens';
|
|
2
|
+
import { BREAKPOINT_MOBILE } from "../types/index.js";
|
|
3
|
+
const SYMMETRICAL_CLASS_SUFFIX = '--symmetrical';
|
|
4
|
+
const NON_SYMMETRICAL_CLASS_SUFFIX = '--asymmetrical';
|
|
5
|
+
function getSymmetryClassNamesReducer(componentClass, isSymmetrical) {
|
|
6
|
+
return (acc, breakpoint) => {
|
|
7
|
+
if (breakpoint in isSymmetrical) {
|
|
8
|
+
const value = isSymmetrical[breakpoint];
|
|
9
|
+
const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `--${breakpoint}`;
|
|
10
|
+
if (value) {
|
|
11
|
+
return {
|
|
12
|
+
classes: [...acc.classes, `${componentClass}${infix}${SYMMETRICAL_CLASS_SUFFIX}`],
|
|
13
|
+
wasSymmetrical: true,
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
if (acc.wasSymmetrical) {
|
|
17
|
+
return {
|
|
18
|
+
classes: [...acc.classes, `${componentClass}${infix}${NON_SYMMETRICAL_CLASS_SUFFIX}`],
|
|
19
|
+
wasSymmetrical: acc.wasSymmetrical,
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
return acc;
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
export function useSymmetry(componentClass, isSymmetrical) {
|
|
27
|
+
if (typeof isSymmetrical !== 'object' || isSymmetrical === null) {
|
|
28
|
+
return {
|
|
29
|
+
isSymmetricalActive: isSymmetrical === true,
|
|
30
|
+
symmetricalClassName: isSymmetrical ? `${componentClass}${SYMMETRICAL_CLASS_SUFFIX}` : '',
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
const { classes } = Object.keys(breakpoints).reduce(getSymmetryClassNamesReducer(componentClass, isSymmetrical), { classes: [], wasSymmetrical: false });
|
|
34
|
+
return {
|
|
35
|
+
isSymmetricalActive: Object.values(isSymmetrical).includes(true),
|
|
36
|
+
symmetricalClassName: classes.join(' '),
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=useSymmetry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSymmetry.js","sourceRoot":"","sources":["../../src/hooks/useSymmetry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAiD,MAAM,UAAU,CAAC;AAE5F,MAAM,wBAAwB,GAAG,eAAe,CAAC;AACjD,MAAM,4BAA4B,GAAG,gBAAgB,CAAC;AAYtD,SAAS,4BAA4B,CAAC,cAAsB,EAAE,aAAsC;IAClG,OAAO,CAAC,GAAuB,EAAE,UAA2B,EAAsB,EAAE;QAClF,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;YAChC,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;YACxC,MAAM,KAAK,GAAG,UAAU,KAAK,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,UAAU,EAAE,CAAC;YACxE,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO;oBACL,OAAO,EAAE,CAAC,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,cAAc,GAAG,KAAK,GAAG,wBAAwB,EAAE,CAAC;oBACjF,cAAc,EAAE,IAAI;iBACrB,CAAC;YACJ,CAAC;YACD,IAAI,GAAG,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO;oBACL,OAAO,EAAE,CAAC,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,cAAc,GAAG,KAAK,GAAG,4BAA4B,EAAE,CAAC;oBACrF,cAAc,EAAE,GAAG,CAAC,cAAc;iBACnC,CAAC;YACJ,CAAC;QACH,CAAC;QAED,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,cAAsB,EACtB,aAAsD;IAEtD,IAAI,OAAO,aAAa,KAAK,QAAQ,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;QAChE,OAAO;YACL,mBAAmB,EAAE,aAAa,KAAK,IAAI;YAC3C,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,wBAAwB,EAAE,CAAC,CAAC,CAAC,EAAE;SAC1F,CAAC;IACJ,CAAC;IAED,MAAM,EAAE,OAAO,EAAE,GAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAuB,CAAC,MAAM,CACxE,4BAA4B,CAAC,cAAc,EAAE,aAAa,CAAC,EAC3D,EAAE,OAAO,EAAE,EAAc,EAAE,cAAc,EAAE,KAAK,EAAE,CACnD,CAAC;IAEF,OAAO;QACL,mBAAmB,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;QAChE,oBAAoB,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KACxC,CAAC;AACJ,CAAC"}
|