fictoan-react 0.45.2 → 0.45.3
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/CHANGELOG.md +3 -0
- package/dist/cjs/components/BottomDrawer/BottomDrawer.d.ts +1 -0
- package/dist/cjs/components/BottomDrawer/BottomDrawer.js +1 -1
- package/dist/cjs/components/BottomDrawer/BottomDrawer.js.map +1 -1
- package/dist/es/components/BottomDrawer/BottomDrawer.d.ts +1 -0
- package/dist/es/components/BottomDrawer/BottomDrawer.js +1 -1
- package/dist/es/components/BottomDrawer/BottomDrawer.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
# CHANGELOG
|
|
2
2
|
|
|
3
|
+
### 0.45.3
|
|
4
|
+
- Add optional `isDismissable` prop for showing a close button for `BottomDrawer` *(true by default)*
|
|
5
|
+
|
|
3
6
|
### 0.45.2
|
|
4
7
|
- Fix prop name for disable copy/paste to pasteFromClipboard which takes either enabled or disabled as parameters for `PinInput Field`
|
|
5
8
|
|
|
@@ -7,6 +7,7 @@ export interface BottomDrawerCustomProps {
|
|
|
7
7
|
overlayColour?: ColourPropTypes;
|
|
8
8
|
overlayColor?: ColourPropTypes;
|
|
9
9
|
closeOnClickOutside?: boolean;
|
|
10
|
+
isDismissable?: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare type BottomDrawerElementType = HTMLDivElement;
|
|
12
13
|
export declare type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> & BottomDrawerCustomProps;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),t=require("react"),l=require("./BottomDrawer.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("../../external/helpers.js"),require("../../external/DefaultColours.js");var a=/*#__PURE__*/r(t);const s=a.default.forwardRef(((t,r)=>{var{isOpen:s,children:o,onCloseCallback:n,closeOnClickOutside:i,padding:u,bgColor:d,bgColour:c,isDismissable:m=!0}=t,f=e.__rest(t,["isOpen","children","onCloseCallback","closeOnClickOutside","padding","bgColor","bgColour","isDismissable"]);let b=[];s&&b.push("open");const p=()=>{n&&n()};return!!s&&a.default.createElement(a.default.Fragment,null,a.default.createElement(e.Element,Object.assign({as:l.BottomDrawerStyled,ref:r,classNames:b},f),a.default.createElement(e.Element,{as:"div",classNames:[...b,"rest-of-page-overlay"],onClick:()=>{i&&p()}}),a.default.createElement(e.Element,{as:"div",className:"bottom-drawer-content-wrapper",padding:u,bgColor:d,bgColour:c},m&&a.default.createElement(e.Element,{as:"div",className:"dismiss-button",onClick:p,role:"button"}),o)))}));exports.BottomDrawer=s;
|
|
2
2
|
//# sourceMappingURL=BottomDrawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomDrawer.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { ColourPropTypes, CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { BottomDrawerStyled } from \"./BottomDrawer.styled\";\n\n// prettier-ignore\nexport interface BottomDrawerCustomProps {\n isOpen ? : boolean;\n onCloseCallback ? : () => void;\n overlayOpacity ? : number;\n overlayColour ? : ColourPropTypes;\n overlayColor ? : ColourPropTypes;\n closeOnClickOutside ? : boolean;\n}\n\nexport type BottomDrawerElementType = HTMLDivElement;\nexport type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> &\n BottomDrawerCustomProps;\n\nexport const BottomDrawer = React.forwardRef(\n (\n {\n isOpen,\n children,\n onCloseCallback,\n closeOnClickOutside,\n padding,\n bgColor,\n bgColour,\n ...props\n }: BottomDrawerProps,\n ref: React.Ref<BottomDrawerElementType>\n ) => {\n let classNames = [];\n\n if (isOpen) {\n classNames.push(\"open\");\n }\n\n const closeBottomDrawer = () => {\n if (onCloseCallback) {\n onCloseCallback();\n }\n };\n\n return (\n !!isOpen && (\n <>\n <Element<BottomDrawerElementType>\n as={BottomDrawerStyled}\n ref={ref}\n classNames={classNames}\n {...props}\n >\n <Element\n as=\"div\"\n classNames={[...classNames, `rest-of-page-overlay`]}\n onClick={() => {\n if (closeOnClickOutside) closeBottomDrawer();\n }}\n />\n\n <Element\n as=\"div\"\n className=\"bottom-drawer-content-wrapper\"\n padding={padding}\n bgColor={bgColor}\n bgColour={bgColour}\n >\n <Element
|
|
1
|
+
{"version":3,"file":"BottomDrawer.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { ColourPropTypes, CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { BottomDrawerStyled } from \"./BottomDrawer.styled\";\n\n// prettier-ignore\nexport interface BottomDrawerCustomProps {\n isOpen ? : boolean;\n onCloseCallback ? : () => void;\n overlayOpacity ? : number;\n overlayColour ? : ColourPropTypes;\n overlayColor ? : ColourPropTypes;\n closeOnClickOutside ? : boolean;\n isDismissable ? : boolean;\n}\n\nexport type BottomDrawerElementType = HTMLDivElement;\nexport type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> &\n BottomDrawerCustomProps;\n\nexport const BottomDrawer = React.forwardRef(\n (\n {\n isOpen,\n children,\n onCloseCallback,\n closeOnClickOutside,\n padding,\n bgColor,\n bgColour,\n isDismissable = true,\n ...props\n }: BottomDrawerProps,\n ref: React.Ref<BottomDrawerElementType>\n ) => {\n let classNames = [];\n\n if (isOpen) {\n classNames.push(\"open\");\n }\n\n const closeBottomDrawer = () => {\n if (onCloseCallback) {\n onCloseCallback();\n }\n };\n\n return (\n !!isOpen && (\n <>\n <Element<BottomDrawerElementType>\n as={BottomDrawerStyled}\n ref={ref}\n classNames={classNames}\n {...props}\n >\n <Element\n as=\"div\"\n classNames={[...classNames, `rest-of-page-overlay`]}\n onClick={() => {\n if (closeOnClickOutside) closeBottomDrawer();\n }}\n />\n\n <Element\n as=\"div\"\n className=\"bottom-drawer-content-wrapper\"\n padding={padding}\n bgColor={bgColor}\n bgColour={bgColour}\n >\n {isDismissable && (\n <Element\n as=\"div\"\n className=\"dismiss-button\"\n onClick={closeBottomDrawer}\n role=\"button\"\n />\n )}\n {children}\n </Element>\n </Element>\n </>\n )\n );\n }\n);\n"],"names":["BottomDrawer","React","forwardRef","_a","ref","isOpen","children","onCloseCallback","closeOnClickOutside","padding","bgColor","bgColour","isDismissable","props","classNames","push","closeBottomDrawer","Element","as","BottomDrawerStyled","onClick","className","role"],"mappings":"4XAsBaA,EAAeC,UAAMC,YAC9B,CACIC,EAWAC,SAXAC,OACIA,EADJC,SAEIA,EAFJC,gBAGIA,EAHJC,oBAIIA,EAJJC,QAKIA,EALJC,QAMIA,EANJC,SAOIA,EAPJC,cAQIA,GAAgB,KACbC,aATP,kHAaIC,EAAa,GAEbT,GACAS,EAAWC,KAAK,cAGdC,EAAoB,KAClBT,GACAA,aAKFF,GACEJ,gDACIA,wBAACgB,yBACGC,GAAIC,qBACJf,IAAKA,EACLU,WAAYA,GACRD,GAEJZ,wBAACgB,WACGC,GAAG,MACHJ,WAAY,IAAIA,0BAChBM,QAAS,KACDZ,GAAqBQ,OAIjCf,wBAACgB,WACGC,GAAG,MACHG,UAAU,gCACVZ,QAASA,EACTC,QAASA,EACTC,SAAUA,GAETC,GACGX,wBAACgB,WACGC,GAAG,MACHG,UAAU,iBACVD,QAASJ,EACTM,KAAK,WAGZhB"}
|
|
@@ -7,6 +7,7 @@ export interface BottomDrawerCustomProps {
|
|
|
7
7
|
overlayColour?: ColourPropTypes;
|
|
8
8
|
overlayColor?: ColourPropTypes;
|
|
9
9
|
closeOnClickOutside?: boolean;
|
|
10
|
+
isDismissable?: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare type BottomDrawerElementType = HTMLDivElement;
|
|
12
13
|
export declare type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> & BottomDrawerCustomProps;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e,E as
|
|
1
|
+
import{_ as e,E as s}from"../../external/Element.js";import o from"react";import{BottomDrawerStyled as l}from"./BottomDrawer.styled.js";import"styled-components";import"../../external/helpers.js";import"../../external/DefaultColours.js";const r=/*#__PURE__*/o.forwardRef(((r,t)=>{var{isOpen:a,children:n,onCloseCallback:i,closeOnClickOutside:m,padding:c,bgColor:p,bgColour:d,isDismissable:C=!0}=r,b=e(r,["isOpen","children","onCloseCallback","closeOnClickOutside","padding","bgColor","bgColour","isDismissable"]);let g=[];a&&g.push("open");const u=()=>{i&&i()};return!!a&&/*#__PURE__*/o.createElement(o.Fragment,null,/*#__PURE__*/o.createElement(s,Object.assign({as:l,ref:t,classNames:g},b),/*#__PURE__*/o.createElement(s,{as:"div",classNames:[...g,"rest-of-page-overlay"],onClick:()=>{m&&u()}}),/*#__PURE__*/o.createElement(s,{as:"div",className:"bottom-drawer-content-wrapper",padding:c,bgColor:p,bgColour:d},C&&/*#__PURE__*/o.createElement(s,{as:"div",className:"dismiss-button",onClick:u,role:"button"}),n)))}));export{r as BottomDrawer};
|
|
2
2
|
//# sourceMappingURL=BottomDrawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomDrawer.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { ColourPropTypes, CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { BottomDrawerStyled } from \"./BottomDrawer.styled\";\n\n// prettier-ignore\nexport interface BottomDrawerCustomProps {\n isOpen ? : boolean;\n onCloseCallback ? : () => void;\n overlayOpacity ? : number;\n overlayColour ? : ColourPropTypes;\n overlayColor ? : ColourPropTypes;\n closeOnClickOutside ? : boolean;\n}\n\nexport type BottomDrawerElementType = HTMLDivElement;\nexport type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> &\n BottomDrawerCustomProps;\n\nexport const BottomDrawer = React.forwardRef(\n (\n {\n isOpen,\n children,\n onCloseCallback,\n closeOnClickOutside,\n padding,\n bgColor,\n bgColour,\n ...props\n }: BottomDrawerProps,\n ref: React.Ref<BottomDrawerElementType>\n ) => {\n let classNames = [];\n\n if (isOpen) {\n classNames.push(\"open\");\n }\n\n const closeBottomDrawer = () => {\n if (onCloseCallback) {\n onCloseCallback();\n }\n };\n\n return (\n !!isOpen && (\n <>\n <Element<BottomDrawerElementType>\n as={BottomDrawerStyled}\n ref={ref}\n classNames={classNames}\n {...props}\n >\n <Element\n as=\"div\"\n classNames={[...classNames, `rest-of-page-overlay`]}\n onClick={() => {\n if (closeOnClickOutside) closeBottomDrawer();\n }}\n />\n\n <Element\n as=\"div\"\n className=\"bottom-drawer-content-wrapper\"\n padding={padding}\n bgColor={bgColor}\n bgColour={bgColour}\n >\n <Element
|
|
1
|
+
{"version":3,"file":"BottomDrawer.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { ColourPropTypes, CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { BottomDrawerStyled } from \"./BottomDrawer.styled\";\n\n// prettier-ignore\nexport interface BottomDrawerCustomProps {\n isOpen ? : boolean;\n onCloseCallback ? : () => void;\n overlayOpacity ? : number;\n overlayColour ? : ColourPropTypes;\n overlayColor ? : ColourPropTypes;\n closeOnClickOutside ? : boolean;\n isDismissable ? : boolean;\n}\n\nexport type BottomDrawerElementType = HTMLDivElement;\nexport type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> &\n BottomDrawerCustomProps;\n\nexport const BottomDrawer = React.forwardRef(\n (\n {\n isOpen,\n children,\n onCloseCallback,\n closeOnClickOutside,\n padding,\n bgColor,\n bgColour,\n isDismissable = true,\n ...props\n }: BottomDrawerProps,\n ref: React.Ref<BottomDrawerElementType>\n ) => {\n let classNames = [];\n\n if (isOpen) {\n classNames.push(\"open\");\n }\n\n const closeBottomDrawer = () => {\n if (onCloseCallback) {\n onCloseCallback();\n }\n };\n\n return (\n !!isOpen && (\n <>\n <Element<BottomDrawerElementType>\n as={BottomDrawerStyled}\n ref={ref}\n classNames={classNames}\n {...props}\n >\n <Element\n as=\"div\"\n classNames={[...classNames, `rest-of-page-overlay`]}\n onClick={() => {\n if (closeOnClickOutside) closeBottomDrawer();\n }}\n />\n\n <Element\n as=\"div\"\n className=\"bottom-drawer-content-wrapper\"\n padding={padding}\n bgColor={bgColor}\n bgColour={bgColour}\n >\n {isDismissable && (\n <Element\n as=\"div\"\n className=\"dismiss-button\"\n onClick={closeBottomDrawer}\n role=\"button\"\n />\n )}\n {children}\n </Element>\n </Element>\n </>\n )\n );\n }\n);\n"],"names":["BottomDrawer","React","forwardRef","_a","ref","isOpen","children","onCloseCallback","closeOnClickOutside","padding","bgColor","bgColour","isDismissable","props","classNames","push","closeBottomDrawer","Element","as","BottomDrawerStyled","onClick","className","role"],"mappings":"mPAsBaA,eAAeC,EAAMC,YAC9B,CACIC,EAWAC,SAXAC,OACIA,EADJC,SAEIA,EAFJC,gBAGIA,EAHJC,oBAIIA,EAJJC,QAKIA,EALJC,QAMIA,EANJC,SAOIA,EAPJC,cAQIA,GAAgB,KACbC,MATP,kHAaIC,EAAa,GAEbT,GACAS,EAAWC,KAAK,cAGdC,EAAoB,KAClBT,GACAA,aAKFF,gBACEJ,6CACIA,gBAACgB,iBACGC,GAAIC,EACJf,IAAKA,EACLU,WAAYA,GACRD,gBAEJZ,gBAACgB,GACGC,GAAG,MACHJ,WAAY,IAAIA,0BAChBM,QAAS,KACDZ,GAAqBQ,oBAIjCf,gBAACgB,GACGC,GAAG,MACHG,UAAU,gCACVZ,QAASA,EACTC,QAASA,EACTC,SAAUA,GAETC,gBACGX,gBAACgB,GACGC,GAAG,MACHG,UAAU,iBACVD,QAASJ,EACTM,KAAK,WAGZhB"}
|