@coveord/plasma-mantine 56.1.0 → 56.1.2

package/dist/esm/components/prompt/Prompt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    factory,\n    Factory,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ComponentType, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\nimport CriticalIcon from './icons/CriticalIcon';\nimport InfoIcon from './icons/InfoIcon';\nimport SuccessIcon from './icons/SuccessIcon';\nimport WarningIcon from './icons/WarningIcon';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | Exclude<ModalStylesNames, 'title'>\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n    extends StylesApiProps<PromptFactory>,\n        Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: PromptVariant;\n    children: ReactNode;\n    title: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n    staticComponents: {\n        CancelButton: typeof PromptCancelButton;\n        ConfirmButton: typeof PromptConfirmButton;\n        Footer: typeof Modal.Footer;\n    };\n}>;\n\nconst PromptVariantIconsMapping: Record<PromptVariant, ComponentType> = {\n    success: SuccessIcon,\n    warning: WarningIcon,\n    critical: CriticalIcon,\n    info: InfoIcon,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n    variant: 'info',\n    centered: true,\n};\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {variant, title, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n    const getStyles = useStyles<PromptFactory>({\n        name: 'Prompt',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === Prompt.Footer ? footers : otherChildren).push(child);\n    });\n\n    const IconComponent = PromptVariantIconsMapping[variant];\n\n    return (\n        <PromptContextProvider value={{variant, getStyles}}>\n            <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n                <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n                <Modal.Content {...getStyles('content', stylesApiProps)}>\n                    <Modal.Header {...getStyles('header', stylesApiProps)}>\n                        <IconComponent />\n                        <Modal.Title>\n                            <Title order={3} component=\"div\">\n                                {title}\n                            </Title>\n                        </Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n                    </Modal.Body>\n                    {footers}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Box","factory","Title","useProps","useStyles","Children","Modal","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","CriticalIcon","InfoIcon","SuccessIcon","WarningIcon","PromptVariantIconsMapping","success","warning","critical","info","defaultProps","variant","centered","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","footers","otherChildren","forEach","child","type","Footer","push","IconComponent","value","Root","size","Overlay","Content","Header","order","component","CloseButton","Body","CancelButton","ConfirmButton"],"mappings":";AAAA,SACIA,GAAG,EACHC,OAAO,EAKPC,KAAK,EACLC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAA+C,QAAQ;AACvE,SAAQC,KAAK,QAAO,WAAW;AAC/B,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AACjG,OAAOC,kBAAkB,uBAAuB;AAChD,OAAOC,cAAc,mBAAmB;AACxC,OAAOC,iBAAiB,sBAAsB;AAC9C,OAAOC,iBAAiB,sBAAsB;AAoC9C,MAAMC,4BAAkE;IACpEC,SAASH;IACTI,SAASH;IACTI,UAAUP;IACVQ,MAAMP;AACV;AAEA,MAAMQ,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,OAAO,MAAMC,SAAStB,QAAuB,CAACuB,QAAQC;IAClD,MAAMC,QAAQvB,SAAS,UAAUiB,cAAcI;IAC/C,MAAM,EAACH,OAAO,EAAEM,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IACpG,MAAMU,YAAYhC,UAAyB;QACvCiC,MAAM;QACNX;QACAlB;QACAqB;QACAE;QACAD;QACAE;QACAC;QACAC;IACJ;IACA,MAAMI,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,UAA0B,EAAE;IAClC,MAAMC,gBAAgC,EAAE;IAExCnC,SAASoC,OAAO,CAACb,UAAU,CAACc;QACvBA,CAAAA,MAAMC,IAAI,KAAKpB,OAAOqB,MAAM,GAAGL,UAAUC,aAAY,EAAGK,IAAI,CAACH;IAClE;IAEA,MAAMI,gBAAgB/B,yBAAyB,CAACM,QAAQ;IAExD,qBACI,KAACd;QAAsBwC,OAAO;YAAC1B;YAASe;QAAS;kBAC7C,cAAA,MAAC9B,MAAM0C,IAAI;YAACvB,KAAKA;YAAKJ,SAAQ;YAAS4B,MAAK;YAAM,GAAGd,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAAC9B,MAAM4C,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;8BACvD,MAAChC,MAAM6C,OAAO;oBAAE,GAAGf,UAAU,WAAWE,eAAe;;sCACnD,MAAChC,MAAM8C,MAAM;4BAAE,GAAGhB,UAAU,UAAUE,eAAe;;8CACjD,KAACQ;8CACD,KAACxC,MAAMJ,KAAK;8CACR,cAAA,KAACA;wCAAMmD,OAAO;wCAAGC,WAAU;kDACtB3B;;;8CAGT,KAACrB,MAAMiD,WAAW;oCAAE,GAAGnB,UAAU,SAASE,eAAe;;;;sCAE7D,KAAChC,MAAMkD,IAAI;4BAAE,GAAGpB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAACtC;gCAAK,GAAGoC,UAAU,SAASE,eAAe;0CAAGE;;;wBAEjDD;;;;;;AAKrB,GAAG;AAEHhB,OAAOkC,YAAY,GAAGhD;AACtBc,OAAOmC,aAAa,GAAGhD;AACvBa,OAAOqB,MAAM,GAAGtC,MAAMsC,MAAM"}
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    factory,\n    Factory,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ComponentType, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\nimport CriticalIcon from './icons/CriticalIcon';\nimport InfoIcon from './icons/InfoIcon';\nimport SuccessIcon from './icons/SuccessIcon';\nimport WarningIcon from './icons/WarningIcon';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | Exclude<ModalStylesNames, 'title'>\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n    extends StylesApiProps<PromptFactory>,\n        Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: PromptVariant;\n    children: ReactNode;\n    title: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n    staticComponents: {\n        CancelButton: typeof PromptCancelButton;\n        ConfirmButton: typeof PromptConfirmButton;\n        Footer: typeof PromptFooter;\n    };\n}>;\n\nconst PromptVariantIconsMapping: Record<PromptVariant, ComponentType> = {\n    success: SuccessIcon,\n    warning: WarningIcon,\n    critical: CriticalIcon,\n    info: InfoIcon,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n    variant: 'info',\n    centered: true,\n};\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {variant, title, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n    const getStyles = useStyles<PromptFactory>({\n        name: 'Prompt',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === Prompt.Footer ? footers : otherChildren).push(child);\n    });\n\n    const IconComponent = PromptVariantIconsMapping[variant];\n\n    return (\n        <PromptContextProvider value={{variant, getStyles}}>\n            <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n                <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n                <Modal.Content {...getStyles('content', stylesApiProps)}>\n                    <Modal.Header {...getStyles('header', stylesApiProps)}>\n                        <IconComponent />\n                        <Modal.Title>\n                            <Title order={3} component=\"div\">\n                                {title}\n                            </Title>\n                        </Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n                    </Modal.Body>\n                    {footers}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nconst PromptFooter = Modal.Footer.withProps({pt: 0});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Box","factory","Title","useProps","useStyles","Children","Modal","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","CriticalIcon","InfoIcon","SuccessIcon","WarningIcon","PromptVariantIconsMapping","success","warning","critical","info","defaultProps","variant","centered","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","footers","otherChildren","forEach","child","type","Footer","push","IconComponent","value","Root","size","Overlay","Content","Header","order","component","CloseButton","Body","PromptFooter","withProps","pt","CancelButton","ConfirmButton"],"mappings":";AAAA,SACIA,GAAG,EACHC,OAAO,EAKPC,KAAK,EACLC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAA+C,QAAQ;AACvE,SAAQC,KAAK,QAAO,WAAW;AAC/B,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AACjG,OAAOC,kBAAkB,uBAAuB;AAChD,OAAOC,cAAc,mBAAmB;AACxC,OAAOC,iBAAiB,sBAAsB;AAC9C,OAAOC,iBAAiB,sBAAsB;AAoC9C,MAAMC,4BAAkE;IACpEC,SAASH;IACTI,SAASH;IACTI,UAAUP;IACVQ,MAAMP;AACV;AAEA,MAAMQ,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,OAAO,MAAMC,SAAStB,QAAuB,CAACuB,QAAQC;IAClD,MAAMC,QAAQvB,SAAS,UAAUiB,cAAcI;IAC/C,MAAM,EAACH,OAAO,EAAEM,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IACpG,MAAMU,YAAYhC,UAAyB;QACvCiC,MAAM;QACNX;QACAlB;QACAqB;QACAE;QACAD;QACAE;QACAC;QACAC;IACJ;IACA,MAAMI,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,UAA0B,EAAE;IAClC,MAAMC,gBAAgC,EAAE;IAExCnC,SAASoC,OAAO,CAACb,UAAU,CAACc;QACvBA,CAAAA,MAAMC,IAAI,KAAKpB,OAAOqB,MAAM,GAAGL,UAAUC,aAAY,EAAGK,IAAI,CAACH;IAClE;IAEA,MAAMI,gBAAgB/B,yBAAyB,CAACM,QAAQ;IAExD,qBACI,KAACd;QAAsBwC,OAAO;YAAC1B;YAASe;QAAS;kBAC7C,cAAA,MAAC9B,MAAM0C,IAAI;YAACvB,KAAKA;YAAKJ,SAAQ;YAAS4B,MAAK;YAAM,GAAGd,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAAC9B,MAAM4C,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;8BACvD,MAAChC,MAAM6C,OAAO;oBAAE,GAAGf,UAAU,WAAWE,eAAe;;sCACnD,MAAChC,MAAM8C,MAAM;4BAAE,GAAGhB,UAAU,UAAUE,eAAe;;8CACjD,KAACQ;8CACD,KAACxC,MAAMJ,KAAK;8CACR,cAAA,KAACA;wCAAMmD,OAAO;wCAAGC,WAAU;kDACtB3B;;;8CAGT,KAACrB,MAAMiD,WAAW;oCAAE,GAAGnB,UAAU,SAASE,eAAe;;;;sCAE7D,KAAChC,MAAMkD,IAAI;4BAAE,GAAGpB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAACtC;gCAAK,GAAGoC,UAAU,SAASE,eAAe;0CAAGE;;;wBAEjDD;;;;;;AAKrB,GAAG;AAEH,MAAMkB,eAAenD,MAAMsC,MAAM,CAACc,SAAS,CAAC;IAACC,IAAI;AAAC;AAElDpC,OAAOqC,YAAY,GAAGnD;AACtBc,OAAOsC,aAAa,GAAGnD;AACvBa,OAAOqB,MAAM,GAAGa"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "56.1.0",
+  "version": "56.1.2",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",

package/src/components/badge/Badge.tsx

@@ -33,6 +33,10 @@ export interface SemanticBadgeProps
         | 'inset'
         | 'display'
         | 'flex'
+        | 'leftSection'
+        | 'rightSection'
+        | 'fullWidth'
+        | 'circle'
     > {
     /**
      * The size of the badge.

package/src/components/button/ButtonWithDisabledTooltip.tsx

@@ -27,7 +27,12 @@ const _ButtonWithDisabledTooltip = forwardRef<HTMLDivElement, ButtonWithDisabled
     ({disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others}, ref) =>
         disabledTooltip ? (
             <Tooltip label={disabledTooltip} disabled={!disabled} {...disabledTooltipProps}>
-                <Box ref={ref} style={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}} {...others}>
+                <Box
+                    ref={ref}
+                    style={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}}
+                    display="inline-block"
+                    {...others}
+                >
                     {children}
                 </Box>
             </Tooltip>

package/src/components/collection/Collection.tsx

@@ -252,14 +252,16 @@ export const Collection = <T,>(props: CollectionProps<T> & {ref?: ForwardedRef<H
     const addAllowed = allowAdd?.(value) ?? true;
 
     const _addButton = canEdit ? (
-        <Button.Quaternary
-            leftSection={<IconPlus size={16} />}
-            onClick={() => onInsertItem(newItem, value?.length ?? 0)}
-            disabled={!addAllowed}
-            disabledTooltip={addDisabledTooltip}
-        >
-            {addLabel}
-        </Button.Quaternary>
+        <Box>
+            <Button.Quaternary
+                leftSection={<IconPlus size={16} />}
+                onClick={() => onInsertItem(newItem, value?.length ?? 0)}
+                disabled={!addAllowed}
+                disabledTooltip={addDisabledTooltip}
+            >
+                {addLabel}
+            </Button.Quaternary>
+        </Box>
     ) : null;
 
     const getIndex = (id: string) => standardizedItems.findIndex((item) => item.id === id);

package/src/components/prompt/Prompt.tsx

@@ -50,7 +50,7 @@ export type PromptFactory = Factory<{
     staticComponents: {
         CancelButton: typeof PromptCancelButton;
         ConfirmButton: typeof PromptConfirmButton;
-        Footer: typeof Modal.Footer;
+        Footer: typeof PromptFooter;
     };
 }>;
 
@@ -115,6 +115,8 @@ export const Prompt = factory<PromptFactory>((_props, ref) => {
     );
 });
 
+const PromptFooter = Modal.Footer.withProps({pt: 0});
+
 Prompt.CancelButton = PromptCancelButton;
 Prompt.ConfirmButton = PromptConfirmButton;
-Prompt.Footer = Modal.Footer;
+Prompt.Footer = PromptFooter;