@ahrowe/ui 0.18.1 → 0.19.0
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/dist/esm/common/actionButtons/actionButtons.mjs +1 -1
- package/dist/esm/common/actionButtons/actionButtons.mjs.map +1 -1
- package/dist/esm/common/actionButtons/actionButtons.module.mjs +1 -1
- package/dist/esm/common/actionButtons/actionButtons.module.mjs.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/package/common/actionButtons/actionButtons.types.d.ts +1 -0
- package/docs/ActionButtons.md +9 -0
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import t from"./actionButtons.module.mjs";import{ButtonStyleType as n,ButtonType as r}from"../button/button.types.mjs";import i from"../button/button.mjs";import a from"classnames";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(c){let{onSubmit:l=()=>null,onClose:u=()=>null,submitLabel:d=`Save`,cancelLabel:f=`Cancel`,submitButtonStyle:p=n.Primary,isSubmitButtonLoading:m=!1,isSubmitButtonDisabled:h=!1,submitButtonIcon:g=void 0,cancelButtonStyle:_=n.Default,isCancelButtonLoading:v=!1,isCancelButtonDisabled:y=!1,cancelButtonIcon:b=void 0,hidePrimaryButton:x=!1,hideSecondaryButton:S=!1,noMargin:C=!1,
|
|
1
|
+
import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import t from"./actionButtons.module.mjs";import{ButtonStyleType as n,ButtonType as r}from"../button/button.types.mjs";import i from"../button/button.mjs";import a from"classnames";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(c){let{onSubmit:l=()=>null,onClose:u=()=>null,submitLabel:d=`Save`,cancelLabel:f=`Cancel`,submitButtonStyle:p=n.Primary,isSubmitButtonLoading:m=!1,isSubmitButtonDisabled:h=!1,submitButtonIcon:g=void 0,cancelButtonStyle:_=n.Default,isCancelButtonLoading:v=!1,isCancelButtonDisabled:y=!1,cancelButtonIcon:b=void 0,hidePrimaryButton:x=!1,hideSecondaryButton:S=!1,noMargin:C=!1,stackButtons:w=!1,className:T,style:E,classNames:D,styles:O,...k}=e(`ActionButtons`,c);return s(`div`,{...k,className:a(t.actionButtons,!C&&t.actionButtonsMargin,w&&t.actionButtonsStacked,T,D?.root),style:{...E,...O?.root},children:[!x&&o(i,{isLoading:m,disabled:h,styleType:p,type:r.Submit,onClick:l,className:D?.submitButton,style:O?.submitButton,icon:g,children:d}),!S&&o(i,{isLoading:v,disabled:y,onClick:u,styleType:_,className:D?.cancelButton,style:O?.cancelButton,icon:b,children:f})]})}export{c as default};
|
|
2
2
|
//# sourceMappingURL=actionButtons.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actionButtons.mjs","names":[],"sources":["../../../../package/common/actionButtons/actionButtons.tsx"],"sourcesContent":["import cx from 'classnames';\n\nimport styles from './actionButtons.module.pcss';\nimport Button, { ButtonStyleType, ButtonType } from '../button';\nimport { useComponentDefaults } from '../configProvider';\nimport { ActionButtonsProps } from './actionButtons.types';\n\nexport default function ActionButtons(props: ActionButtonsProps) {\n const {\n onSubmit = () => null,\n onClose = () => null,\n submitLabel = 'Save',\n cancelLabel = 'Cancel',\n submitButtonStyle = ButtonStyleType.Primary,\n isSubmitButtonLoading = false,\n isSubmitButtonDisabled = false,\n submitButtonIcon = undefined,\n cancelButtonStyle = ButtonStyleType.Default,\n isCancelButtonLoading = false,\n isCancelButtonDisabled = false,\n cancelButtonIcon = undefined,\n hidePrimaryButton = false,\n hideSecondaryButton = false,\n noMargin = false,\n className,\n style,\n classNames,\n styles: slotStyles,\n ...rest\n } = useComponentDefaults('ActionButtons', props);\n return (\n <div\n {...rest}\n className={cx(styles.actionButtons, !noMargin && styles.actionButtonsMargin, className, classNames?.root)}\n style={{ ...style, ...slotStyles?.root }}\n >\n {!hidePrimaryButton && (\n <Button\n isLoading={isSubmitButtonLoading}\n disabled={isSubmitButtonDisabled}\n styleType={submitButtonStyle}\n type={ButtonType.Submit}\n onClick={onSubmit}\n className={classNames?.submitButton}\n style={slotStyles?.submitButton}\n icon={submitButtonIcon}\n >\n {submitLabel}\n </Button>\n )}\n {!hideSecondaryButton && (\n <Button\n isLoading={isCancelButtonLoading}\n disabled={isCancelButtonDisabled}\n onClick={onClose}\n styleType={cancelButtonStyle}\n className={classNames?.cancelButton}\n style={slotStyles?.cancelButton}\n icon={cancelButtonIcon}\n >\n {cancelLabel}\n </Button>\n )}\n </div>\n );\n}"],"mappings":"yTAOA,SAAwB,EAAc,EAA2B,CAC/D,GAAM,CACN,eAAiB,KACjB,cAAgB,KAChB,cAAc,OACd,cAAc,SACd,oBAAoB,EAAgB,QACpC,wBAAwB,GACxB,yBAAyB,GACzB,mBAAmB,IAAA,GACnB,oBAAoB,EAAgB,QACpC,wBAAwB,GACxB,yBAAyB,GACzB,mBAAmB,IAAA,GACnB,oBAAoB,GACpB,sBAAsB,GACtB,WAAW,GACX,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACC,EAAqB,gBAAiB,CAAK,EAC/C,OACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,cAAe,CAAC,GAAY,EAAO,oBAAqB,EAAW,GAAY,IAAI,
|
|
1
|
+
{"version":3,"file":"actionButtons.mjs","names":[],"sources":["../../../../package/common/actionButtons/actionButtons.tsx"],"sourcesContent":["import cx from 'classnames';\n\nimport styles from './actionButtons.module.pcss';\nimport Button, { ButtonStyleType, ButtonType } from '../button';\nimport { useComponentDefaults } from '../configProvider';\nimport { ActionButtonsProps } from './actionButtons.types';\n\nexport default function ActionButtons(props: ActionButtonsProps) {\n const {\n onSubmit = () => null,\n onClose = () => null,\n submitLabel = 'Save',\n cancelLabel = 'Cancel',\n submitButtonStyle = ButtonStyleType.Primary,\n isSubmitButtonLoading = false,\n isSubmitButtonDisabled = false,\n submitButtonIcon = undefined,\n cancelButtonStyle = ButtonStyleType.Default,\n isCancelButtonLoading = false,\n isCancelButtonDisabled = false,\n cancelButtonIcon = undefined,\n hidePrimaryButton = false,\n hideSecondaryButton = false,\n noMargin = false,\n stackButtons = false,\n className,\n style,\n classNames,\n styles: slotStyles,\n ...rest\n } = useComponentDefaults('ActionButtons', props);\n return (\n <div\n {...rest}\n className={cx(styles.actionButtons, !noMargin && styles.actionButtonsMargin, stackButtons && styles.actionButtonsStacked, className, classNames?.root)}\n style={{ ...style, ...slotStyles?.root }}\n >\n {!hidePrimaryButton && (\n <Button\n isLoading={isSubmitButtonLoading}\n disabled={isSubmitButtonDisabled}\n styleType={submitButtonStyle}\n type={ButtonType.Submit}\n onClick={onSubmit}\n className={classNames?.submitButton}\n style={slotStyles?.submitButton}\n icon={submitButtonIcon}\n >\n {submitLabel}\n </Button>\n )}\n {!hideSecondaryButton && (\n <Button\n isLoading={isCancelButtonLoading}\n disabled={isCancelButtonDisabled}\n onClick={onClose}\n styleType={cancelButtonStyle}\n className={classNames?.cancelButton}\n style={slotStyles?.cancelButton}\n icon={cancelButtonIcon}\n >\n {cancelLabel}\n </Button>\n )}\n </div>\n );\n}"],"mappings":"yTAOA,SAAwB,EAAc,EAA2B,CAC/D,GAAM,CACN,eAAiB,KACjB,cAAgB,KAChB,cAAc,OACd,cAAc,SACd,oBAAoB,EAAgB,QACpC,wBAAwB,GACxB,yBAAyB,GACzB,mBAAmB,IAAA,GACnB,oBAAoB,EAAgB,QACpC,wBAAwB,GACxB,yBAAyB,GACzB,mBAAmB,IAAA,GACnB,oBAAoB,GACpB,sBAAsB,GACtB,WAAW,GACX,eAAe,GACf,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACC,EAAqB,gBAAiB,CAAK,EAC/C,OACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,cAAe,CAAC,GAAY,EAAO,oBAAqB,GAAgB,EAAO,qBAAsB,EAAW,GAAY,IAAI,EACrJ,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,WAHzC,CAKG,CAAC,GACF,EAAC,EAAD,CACE,UAAW,EACX,SAAU,EACV,UAAW,EACX,KAAM,EAAW,OACjB,QAAS,EACT,UAAW,GAAY,aACvB,MAAO,GAAY,aACnB,KAAM,WAEL,CACK,CAAA,EAEP,CAAC,GACA,EAAC,EAAD,CACE,UAAW,EACX,SAAU,EACV,QAAS,EACT,UAAW,EACX,UAAW,GAAY,aACvB,MAAO,GAAY,aACnB,KAAM,WAEL,CACK,CAAA,CAEP,GAET"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={actionButtons:`actionButtons_7GybR`,"actionButtons-margin":`actionButtons-margin_-XoFP`,actionButtonsMargin:`actionButtons-margin_-XoFP`};export{e as default};
|
|
1
|
+
var e={actionButtons:`actionButtons_7GybR`,"actionButtons-margin":`actionButtons-margin_-XoFP`,actionButtonsMargin:`actionButtons-margin_-XoFP`,"actionButtons-stacked":`actionButtons-stacked_ZGpUN`,actionButtonsStacked:`actionButtons-stacked_ZGpUN`};export{e as default};
|
|
2
2
|
//# sourceMappingURL=actionButtons.module.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actionButtons.module.mjs","names":[],"sources":["../../../../package/common/actionButtons/actionButtons.module.pcss"],"sourcesContent":["\n.actionButtons {\n display: flex;\n gap: var(--spacing-m);\n\n @media (--mq-mobile) {\n flex-direction: column;\n }\n\n &-margin {\n margin-top: var(--spacing-l);\n }\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"actionButtons.module.mjs","names":[],"sources":["../../../../package/common/actionButtons/actionButtons.module.pcss"],"sourcesContent":["\n.actionButtons {\n display: flex;\n gap: var(--spacing-m);\n\n @media (--mq-mobile) {\n flex-direction: column;\n }\n\n &-margin {\n margin-top: var(--spacing-l);\n }\n\n &-stacked {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n }\n}\n"],"mappings":""}
|