@wix/entity-advanced-permissions 1.1395.0 → 1.1397.0

package/dist/cjs/components/Header/Header.js

@@ -6,7 +6,7 @@ exports.Header = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _EntityAdvancedPermissionsSt = require("../EntityAdvancedPermissions.st.css");
 var _designSystem = require("@wix/design-system");
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _Close = _interopRequireDefault(require("../../assets/icons/Close.svg"));
 var _constants = require("../common/constants");
 var _jsxFileName = "/home/builduser/work/529538774eb649c7/packages/entity-advanced-permissions/dist/cjs/components/Header/Header.tsx";
@@ -79,9 +79,9 @@ const Header = props => {
       lineNumber: 48,
       columnNumber: 13
     }
-  }, modalSubtitle)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
+  }, modalSubtitle)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cssVars.Text, {
     id: "modalMainTitle",
-    typography: _wixUiTpa.TextTypography.smallTitle,
+    typography: _cssVars.TextTypography.smallTitle,
     className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.modalMainTitle, multiLineMobileClass),
     __self: void 0,
     __source: {
@@ -89,9 +89,9 @@ const Header = props => {
       lineNumber: 58,
       columnNumber: 13
     }
-  }, modalTitle), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
+  }, modalTitle), /*#__PURE__*/_react.default.createElement(_cssVars.Text, {
     id: "folderName",
-    typography: _wixUiTpa.TextTypography.runningText,
+    typography: _cssVars.TextTypography.runningText,
     className: (0, _EntityAdvancedPermissionsSt.st)(_EntityAdvancedPermissionsSt.classes.folderName, multiLineMobileClass),
     __self: void 0,
     __source: {
@@ -128,4 +128,5 @@ const Header = props => {
   })));
 };
 exports.Header = Header;
+Header.displayName = 'Header';
 //# sourceMappingURL=Header.js.map

package/dist/cjs/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_EntityAdvancedPermissionsSt","_designSystem","_wixUiTpa","_Close","_constants","_jsxFileName","Header","props","isDashboard","modalTitle","modalSubtitle","step","mobile","backToFirstView","isModal","closeAriaLabel","closeCallback","multiLineMobileClass","classes","twoLinesEllipsis","onCloseIconKeyDown","e","key","default","createElement","className","st","header","__self","__source","fileName","lineNumber","columnNumber","titleContainer","secondView","STEP_2","Box","direction","display","Text","id","weight","size","ellipsis","wsrModalMainTitle","wsrFolderName","Fragment","typography","TextTypography","smallTitle","modalMainTitle","runningText","folderName","CloseButton","onClick","closeButton","autoFocus","skin","role","tabIndex","onKeyDown","exports"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { classes, st } from '../EntityAdvancedPermissions.st.css';\nimport { Box, Text as BO_Text, CloseButton } from '@wix/design-system';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport CloseLogo from '../../assets/icons/Close.svg';\nimport { STEP_2 } from '../common/constants';\nimport { HeaderProps } from '../EntityAdvancedPermissionsTypes';\n\nexport const Header = (props: HeaderProps) => {\n  const {\n    isDashboard,\n    modalTitle,\n    modalSubtitle,\n    step,\n    mobile,\n    backToFirstView,\n    isModal,\n    closeAriaLabel,\n    closeCallback,\n  } = props;\n  const multiLineMobileClass = mobile ? classes.twoLinesEllipsis : '';\n\n  const onCloseIconKeyDown = (e: React.KeyboardEvent<SVGSVGElement>) => {\n    if (e.key === 'Enter') {\n      closeCallback();\n    }\n  };\n\n  return (\n    <div className={st(classes.header)}>\n      <div\n        className={st(classes.titleContainer, {\n          secondView: step === STEP_2,\n        })}\n      //Choose who has access to this folder and set their permissions.\n      >\n        {isDashboard ? (\n          <Box direction=\"horizontal\" display=\"grid\">\n            <BO_Text\n              id=\"modalMainTitle\"\n              weight=\"bold\"\n              size=\"medium\"\n              ellipsis={true}\n              className={st(classes.wsrModalMainTitle)}\n            >\n              {modalTitle}\n            </BO_Text>\n            <BO_Text\n              id=\"folderName\"\n              className={st(classes.wsrFolderName)}\n              ellipsis={true}\n            >\n              {modalSubtitle}\n            </BO_Text>\n          </Box>\n        ) : (\n          <>\n            <Text\n              id=\"modalMainTitle\"\n              typography={TextTypography.smallTitle}\n              className={st(classes.modalMainTitle, multiLineMobileClass)}\n            >\n              {modalTitle}\n            </Text>\n            <Text\n              id=\"folderName\"\n              typography={TextTypography.runningText}\n              className={st(classes.folderName, multiLineMobileClass)}\n            >\n              {modalSubtitle}\n            </Text>\n          </>\n        )}\n      </div>\n      {isModal &&\n        (isDashboard ? (\n          <CloseButton\n            onClick={closeCallback}\n            className={st(classes.closeButton)}\n            aria-label={closeAriaLabel}\n            autoFocus\n            size='large'\n            skin='dark'\n          />\n\n        ) : mobile ? (\n          <></>\n        ) : (\n          <CloseLogo\n            className={st(classes.closeButton)}\n            onClick={closeCallback}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={onCloseIconKeyDown}\n            aria-label={closeAriaLabel}\n          />\n        ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,4BAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA6C,IAAAM,YAAA;AAGtC,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC5C,MAAM;IACJC,WAAW;IACXC,UAAU;IACVC,aAAa;IACbC,IAAI;IACJC,MAAM;IACNC,eAAe;IACfC,OAAO;IACPC,cAAc;IACdC;EACF,CAAC,GAAGT,KAAK;EACT,MAAMU,oBAAoB,GAAGL,MAAM,GAAGM,oCAAO,CAACC,gBAAgB,GAAG,EAAE;EAEnE,MAAMC,kBAAkB,GAAIC,CAAqC,IAAK;IACpE,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACrBN,aAAa,CAAC,CAAC;IACjB;EACF,CAAC;EAED,oBACEnB,MAAA,CAAA0B,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAE,IAAAC,+BAAE,EAACR,oCAAO,CAACS,MAAM,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjCnC,MAAA,CAAA0B,OAAA,CAAAC,aAAA;IACEC,SAAS,EAAE,IAAAC,+BAAE,EAACR,oCAAO,CAACe,cAAc,EAAE;MACpCC,UAAU,EAAEvB,IAAI,KAAKwB;IACvB,CAAC;IACH;IAAA;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEGxB,WAAW,gBACVX,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAmC,GAAG;IAACC,SAAS,EAAC,YAAY;IAACC,OAAO,EAAC,MAAM;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCnC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAsC,IAAO;IACNC,EAAE,EAAC,gBAAgB;IACnBC,MAAM,EAAC,MAAM;IACbC,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,IAAK;IACflB,SAAS,EAAE,IAAAC,+BAAE,EAACR,oCAAO,CAAC0B,iBAAiB,CAAE;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCvB,UACM,CAAC,eACVZ,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAsC,IAAO;IACNC,EAAE,EAAC,YAAY;IACff,SAAS,EAAE,IAAAC,+BAAE,EAACR,oCAAO,CAAC2B,aAAa,CAAE;IACrCF,QAAQ,EAAE,IAAK;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEdtB,aACM,CACN,CAAC,gBAENb,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAA3B,MAAA,CAAA0B,OAAA,CAAAuB,QAAA,qBACEjD,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,SAAA,CAAAqC,IAAI;IACHC,EAAE,EAAC,gBAAgB;IACnBO,UAAU,EAAEC,wBAAc,CAACC,UAAW;IACtCxB,SAAS,EAAE,IAAAC,+BAAE,EAACR,oCAAO,CAACgC,cAAc,EAAEjC,oBAAoB,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3DvB,UACG,CAAC,eACPZ,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,SAAA,CAAAqC,IAAI;IACHC,EAAE,EAAC,YAAY;IACfO,UAAU,EAAEC,wBAAc,CAACG,WAAY;IACvC1B,SAAS,EAAE,IAAAC,+BAAE,EAACR,oCAAO,CAACkC,UAAU,EAAEnC,oBAAoB,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvDtB,aACG,CACN,CAED,CAAC,EACLI,OAAO,KACLN,WAAW,gBACVX,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAoD,WAAW;IACVC,OAAO,EAAEtC,aAAc;IACvBS,SAAS,EAAE,IAAAC,+BAAE,EAACR,oCAAO,CAACqC,WAAW,CAAE;IACnC,cAAYxC,cAAe;IAC3ByC,SAAS;IACTd,IAAI,EAAC,OAAO;IACZe,IAAI,EAAC,MAAM;IAAA7B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACZ,CAAC,GAEApB,MAAM,gBACRf,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAA3B,MAAA,CAAA0B,OAAA,CAAAuB,QAAA,MAAI,CAAC,gBAELjD,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACrB,MAAA,CAAAoB,OAAS;IACRE,SAAS,EAAE,IAAAC,+BAAE,EAACR,oCAAO,CAACqC,WAAW,CAAE;IACnCD,OAAO,EAAEtC,aAAc;IACvB0C,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,SAAS,EAAExC,kBAAmB;IAC9B,cAAYL,cAAe;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CACF,CACA,CAAC;AAEV,CAAC;AAAC6B,OAAA,CAAAvD,MAAA,GAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_EntityAdvancedPermissionsSt","_designSystem","_cssVars","_Close","_constants","_jsxFileName","Header","props","isDashboard","modalTitle","modalSubtitle","step","mobile","backToFirstView","isModal","closeAriaLabel","closeCallback","multiLineMobileClass","classes","twoLinesEllipsis","onCloseIconKeyDown","e","key","default","createElement","className","st","header","__self","__source","fileName","lineNumber","columnNumber","titleContainer","secondView","STEP_2","Box","direction","display","Text","id","weight","size","ellipsis","wsrModalMainTitle","wsrFolderName","Fragment","typography","TextTypography","smallTitle","modalMainTitle","runningText","folderName","CloseButton","onClick","closeButton","autoFocus","skin","role","tabIndex","onKeyDown","exports","displayName"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { classes, st } from '../EntityAdvancedPermissions.st.css';\nimport { Box, Text as BO_Text, CloseButton } from '@wix/design-system';\nimport { Text, TextTypography } from '@wix/wix-ui-tpa/cssVars';\nimport CloseLogo from '../../assets/icons/Close.svg';\nimport { STEP_2 } from '../common/constants';\nimport { HeaderProps } from '../EntityAdvancedPermissionsTypes';\n\nexport const Header = (props: HeaderProps) => {\n  const {\n    isDashboard,\n    modalTitle,\n    modalSubtitle,\n    step,\n    mobile,\n    backToFirstView,\n    isModal,\n    closeAriaLabel,\n    closeCallback,\n  } = props;\n  const multiLineMobileClass = mobile ? classes.twoLinesEllipsis : '';\n\n  const onCloseIconKeyDown = (e: React.KeyboardEvent<SVGSVGElement>) => {\n    if (e.key === 'Enter') {\n      closeCallback();\n    }\n  };\n\n  return (\n    <div className={st(classes.header)}>\n      <div\n        className={st(classes.titleContainer, {\n          secondView: step === STEP_2,\n        })}\n      //Choose who has access to this folder and set their permissions.\n      >\n        {isDashboard ? (\n          <Box direction=\"horizontal\" display=\"grid\">\n            <BO_Text\n              id=\"modalMainTitle\"\n              weight=\"bold\"\n              size=\"medium\"\n              ellipsis={true}\n              className={st(classes.wsrModalMainTitle)}\n            >\n              {modalTitle}\n            </BO_Text>\n            <BO_Text\n              id=\"folderName\"\n              className={st(classes.wsrFolderName)}\n              ellipsis={true}\n            >\n              {modalSubtitle}\n            </BO_Text>\n          </Box>\n        ) : (\n          <>\n            <Text\n              id=\"modalMainTitle\"\n              typography={TextTypography.smallTitle}\n              className={st(classes.modalMainTitle, multiLineMobileClass)}\n            >\n              {modalTitle}\n            </Text>\n            <Text\n              id=\"folderName\"\n              typography={TextTypography.runningText}\n              className={st(classes.folderName, multiLineMobileClass)}\n            >\n              {modalSubtitle}\n            </Text>\n          </>\n        )}\n      </div>\n      {isModal &&\n        (isDashboard ? (\n          <CloseButton\n            onClick={closeCallback}\n            className={st(classes.closeButton)}\n            aria-label={closeAriaLabel}\n            autoFocus\n            size='large'\n            skin='dark'\n          />\n\n        ) : mobile ? (\n          <></>\n        ) : (\n          <CloseLogo\n            className={st(classes.closeButton)}\n            onClick={closeCallback}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={onCloseIconKeyDown}\n            aria-label={closeAriaLabel}\n          />\n        ))}\n    </div>\n  );\n};\n\nHeader.displayName = 'Header';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/HideFolderCheckbox/HideFolderCheckbox.js

@@ -56,5 +56,6 @@ const HideFolderCheckbox = props => {
     }
   }, checkboxLearnMore))));
 };
+HideFolderCheckbox.displayName = 'HideFolderCheckbox';
 var _default = exports.default = HideFolderCheckbox;
 //# sourceMappingURL=HideFolderCheckbox.js.map

package/dist/cjs/components/HideFolderCheckbox/HideFolderCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_EntityAdvancedPermissionsState","_jsxFileName","HideFolderCheckbox","props","isDashboard","advancedPermissionState","setAdvancedPermissionState","checkboxLabel","checkboxLearnMore","locale","triggerBiEventHiddenCheckboxClick","handleHideFolderCheckBox","value","isHidden","type","SET_IS_HIDDEN_FOLDER","default","createElement","Fragment","Checkbox","size","onChange","checked","__self","__source","fileName","lineNumber","columnNumber","Box","inline","TextButton","as","target","href","_default","exports"],"sources":["../../../../src/components/HideFolderCheckbox/HideFolderCheckbox.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box as BO_Box,\n  Checkbox as BO_Checkbox,\n  TextButton as BO_TextButton,\n} from '@wix/design-system';\nimport { HideFolderProps } from '../EntityAdvancedPermissionsTypes';\nimport { SET_IS_HIDDEN_FOLDER } from '../EntityAdvancedPermissionsState';\n\nconst HideFolderCheckbox = (props: HideFolderProps) => {\n  const {\n    isDashboard,\n    advancedPermissionState,\n    setAdvancedPermissionState,\n    checkboxLabel,\n    checkboxLearnMore,\n    locale,\n    triggerBiEventHiddenCheckboxClick,\n  } = props;\n\n  const handleHideFolderCheckBox = () => {\n    const value = !advancedPermissionState.isHidden;\n    setAdvancedPermissionState({\n      type: SET_IS_HIDDEN_FOLDER,\n      isHidden: value,\n    });\n    triggerBiEventHiddenCheckboxClick &&\n      triggerBiEventHiddenCheckboxClick(value);\n  };\n  return (\n    <>\n      {isDashboard && (\n        <BO_Checkbox\n          size=\"small\"\n          onChange={handleHideFolderCheckBox}\n          checked={advancedPermissionState.isHidden}\n        >\n          {checkboxLabel}\n          &nbsp;\n          <BO_Box inline>\n            <BO_TextButton\n              size=\"small\"\n              as=\"a\"\n              target=\"_blank\"\n              href={`https://support.wix.com/${locale}/article/wix-file-share-hiding-a-private-folder`}\n            >\n              {checkboxLearnMore}\n            </BO_TextButton>\n          </BO_Box>\n        </BO_Checkbox>\n      )}\n    </>\n  );\n};\n\nexport default HideFolderCheckbox;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMA,IAAAE,+BAAA,GAAAF,OAAA;AAAyE,IAAAG,YAAA;AAEzE,MAAMC,kBAAkB,GAAIC,KAAsB,IAAK;EACrD,MAAM;IACJC,WAAW;IACXC,uBAAuB;IACvBC,0BAA0B;IAC1BC,aAAa;IACbC,iBAAiB;IACjBC,MAAM;IACNC;EACF,CAAC,GAAGP,KAAK;EAET,MAAMQ,wBAAwB,GAAGA,CAAA,KAAM;IACrC,MAAMC,KAAK,GAAG,CAACP,uBAAuB,CAACQ,QAAQ;IAC/CP,0BAA0B,CAAC;MACzBQ,IAAI,EAAEC,oDAAoB;MAC1BF,QAAQ,EAAED;IACZ,CAAC,CAAC;IACFF,iCAAiC,IAC/BA,iCAAiC,CAACE,KAAK,CAAC;EAC5C,CAAC;EACD,oBACEhB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAArB,MAAA,CAAAoB,OAAA,CAAAE,QAAA,QACGd,WAAW,iBACVR,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAoB,QAAW;IACVC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAEV,wBAAyB;IACnCW,OAAO,EAAEjB,uBAAuB,CAACQ,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEzCpB,aAAa,EAAC,MAEf,eAAAX,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA6B,GAAM;IAACC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZ/B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA+B,UAAa;IACZV,IAAI,EAAC,OAAO;IACZW,EAAE,EAAC,GAAG;IACNC,MAAM,EAAC,QAAQ;IACfC,IAAI,EAAE,2BAA2BxB,MAAM,iDAAkD;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExFnB,iBACY,CACT,CACG,CAEf,CAAC;AAEP,CAAC;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEad,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_EntityAdvancedPermissionsState","_jsxFileName","HideFolderCheckbox","props","isDashboard","advancedPermissionState","setAdvancedPermissionState","checkboxLabel","checkboxLearnMore","locale","triggerBiEventHiddenCheckboxClick","handleHideFolderCheckBox","value","isHidden","type","SET_IS_HIDDEN_FOLDER","default","createElement","Fragment","Checkbox","size","onChange","checked","__self","__source","fileName","lineNumber","columnNumber","Box","inline","TextButton","as","target","href","displayName","_default","exports"],"sources":["../../../../src/components/HideFolderCheckbox/HideFolderCheckbox.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box as BO_Box,\n  Checkbox as BO_Checkbox,\n  TextButton as BO_TextButton,\n} from '@wix/design-system';\nimport { HideFolderProps } from '../EntityAdvancedPermissionsTypes';\nimport { SET_IS_HIDDEN_FOLDER } from '../EntityAdvancedPermissionsState';\n\nconst HideFolderCheckbox = (props: HideFolderProps) => {\n  const {\n    isDashboard,\n    advancedPermissionState,\n    setAdvancedPermissionState,\n    checkboxLabel,\n    checkboxLearnMore,\n    locale,\n    triggerBiEventHiddenCheckboxClick,\n  } = props;\n\n  const handleHideFolderCheckBox = () => {\n    const value = !advancedPermissionState.isHidden;\n    setAdvancedPermissionState({\n      type: SET_IS_HIDDEN_FOLDER,\n      isHidden: value,\n    });\n    triggerBiEventHiddenCheckboxClick &&\n      triggerBiEventHiddenCheckboxClick(value);\n  };\n  return (\n    <>\n      {isDashboard && (\n        <BO_Checkbox\n          size=\"small\"\n          onChange={handleHideFolderCheckBox}\n          checked={advancedPermissionState.isHidden}\n        >\n          {checkboxLabel}\n          &nbsp;\n          <BO_Box inline>\n            <BO_TextButton\n              size=\"small\"\n              as=\"a\"\n              target=\"_blank\"\n              href={`https://support.wix.com/${locale}/article/wix-file-share-hiding-a-private-folder`}\n            >\n              {checkboxLearnMore}\n            </BO_TextButton>\n          </BO_Box>\n        </BO_Checkbox>\n      )}\n    </>\n  );\n};\n\nHideFolderCheckbox.displayName = 'HideFolderCheckbox';\n\nexport default HideFolderCheckbox;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMA,IAAAE,+BAAA,GAAAF,OAAA;AAAyE,IAAAG,YAAA;AAEzE,MAAMC,kBAAkB,GAAIC,KAAsB,IAAK;EACrD,MAAM;IACJC,WAAW;IACXC,uBAAuB;IACvBC,0BAA0B;IAC1BC,aAAa;IACbC,iBAAiB;IACjBC,MAAM;IACNC;EACF,CAAC,GAAGP,KAAK;EAET,MAAMQ,wBAAwB,GAAGA,CAAA,KAAM;IACrC,MAAMC,KAAK,GAAG,CAACP,uBAAuB,CAACQ,QAAQ;IAC/CP,0BAA0B,CAAC;MACzBQ,IAAI,EAAEC,oDAAoB;MAC1BF,QAAQ,EAAED;IACZ,CAAC,CAAC;IACFF,iCAAiC,IAC/BA,iCAAiC,CAACE,KAAK,CAAC;EAC5C,CAAC;EACD,oBACEhB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAArB,MAAA,CAAAoB,OAAA,CAAAE,QAAA,QACGd,WAAW,iBACVR,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAoB,QAAW;IACVC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAEV,wBAAyB;IACnCW,OAAO,EAAEjB,uBAAuB,CAACQ,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEzCpB,aAAa,EAAC,MAEf,eAAAX,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA6B,GAAM;IAACC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZ/B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA+B,UAAa;IACZV,IAAI,EAAC,OAAO;IACZW,EAAE,EAAC,GAAG;IACNC,MAAM,EAAC,QAAQ;IACfC,IAAI,EAAE,2BAA2BxB,MAAM,iDAAkD;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExFnB,iBACY,CACT,CACG,CAEf,CAAC;AAEP,CAAC;AAEDN,kBAAkB,CAACgC,WAAW,GAAG,oBAAoB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEvCd,kBAAkB","ignoreList":[]}

package/dist/cjs/components/NotifyBox/NotifyBox.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _NotifyBoxSt = require("./NotifyBox.st.css");
 var _he = _interopRequireDefault(require("he"));
 var _EntityAdvancedPermissionsState = require("../EntityAdvancedPermissionsState");
@@ -15,7 +15,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function NotifyBox(props) {
   const {
     mobile
-  } = (0, _react.useContext)(_wixUiTpa.TPAComponentsContext);
+  } = (0, _react.useContext)(_cssVars.TPAComponentsContext);
   const {
     checkBoxNotifyLabel,
     notifyMessagePlaceholder,
@@ -41,17 +41,17 @@ function NotifyBox(props) {
       notify: val.checked
     });
   };
-  const checkboxLabel = /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
-    typography: _wixUiTpa.TextTypography.runningText,
+  const checkboxLabel = /*#__PURE__*/_react.default.createElement(_cssVars.Text, {
+    typography: _cssVars.TextTypography.runningText,
     className: _NotifyBoxSt.classes.checkboxInnerText,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 60,
       columnNumber: 5
     }
   }, _he.default.decode(checkBoxNotifyLabel || ''));
-  const checkboxView = mobile ? /*#__PURE__*/_react.default.createElement(_wixUiTpa.Checkbox, {
+  const checkboxView = mobile ? /*#__PURE__*/_react.default.createElement(_cssVars.Checkbox, {
     className: (0, _NotifyBoxSt.st)(_NotifyBoxSt.classes.notifyCheckbox, {
       checked: notify
     }),
@@ -62,21 +62,22 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 68,
       columnNumber: 5
     }
-  }) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.Tooltip, {
+  }) : /*#__PURE__*/_react.default.createElement(_cssVars.Tooltip, {
     content: notifyLabelHint,
     appendTo: "scrollParent",
     className: (0, _NotifyBoxSt.st)(_NotifyBoxSt.classes.hintTooltip),
-    placement: "top",
+    placement: "bottom",
+    skin: _cssVars.TooltipSkin.Wired,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 76,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.Checkbox, {
+  }, /*#__PURE__*/_react.default.createElement(_cssVars.Checkbox, {
     className: (0, _NotifyBoxSt.st)(_NotifyBoxSt.classes.notifyCheckbox, {
       checked: notify
     }),
@@ -87,7 +88,7 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 83,
       columnNumber: 7
     }
   }));
@@ -100,7 +101,7 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 94,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -108,7 +109,7 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 95,
       columnNumber: 7
     }
   }, isDashboard ? /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
@@ -123,7 +124,7 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 103,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -131,7 +132,7 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 111,
       columnNumber: 12
     }
   }, " ", _he.default.decode(checkBoxNotifyLabel || '')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -144,7 +145,7 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 112,
       columnNumber: 13
     }
   })) : checkboxView), /*#__PURE__*/_react.default.createElement("label", {
@@ -154,7 +155,7 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 118,
       columnNumber: 7
     }
   }, notifyLabelHint), isDashboard ? /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -162,7 +163,7 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 122,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.InputArea, {
@@ -176,23 +177,26 @@ function NotifyBox(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 123,
       columnNumber: 11
     }
-  })) : /*#__PURE__*/_react.default.createElement(_wixUiTpa.TextArea, {
+  })) : /*#__PURE__*/_react.default.createElement(_cssVars.TextArea, {
     className: (0, _NotifyBoxSt.st)(_NotifyBoxSt.classes.noteTextArea),
+    rows: 6,
     onChange: textAreaChange,
     ariaLabel: _he.default.decode(notifyMessageLabel || ''),
     value: notifyMessage || '',
     placeholder: _he.default.decode(notifyMessagePlaceholder || ''),
     maxLength: 500,
+    theme: _cssVars.TextAreaTheme.Box,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 134,
       columnNumber: 9
     }
   }));
 }
+NotifyBox.displayName = 'NotifyBox';
 var _default = exports.default = NotifyBox;
 //# sourceMappingURL=NotifyBox.js.map

package/dist/cjs/components/NotifyBox/NotifyBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_wixUiTpa","_NotifyBoxSt","_he","_interopRequireDefault","_EntityAdvancedPermissionsState","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NotifyBox","props","mobile","useContext","TPAComponentsContext","checkBoxNotifyLabel","notifyMessagePlaceholder","onChange","value","notify","notifyMessage","notifyLabelHint","notifyMessageLabel","isDashboard","isSitePublished","textAreaChange","type","SET_MESSAGE","target","notifyCheckboxChanged","val","SET_NOTIFY","checked","checkboxLabel","createElement","Text","typography","TextTypography","runningText","className","classes","checkboxInnerText","__self","__source","fileName","lineNumber","columnNumber","he","decode","checkboxView","Checkbox","st","notifyCheckbox","label","Tooltip","content","appendTo","hintTooltip","placement","notifyLength","length","root","dashboard","wsrnotifyCheckboxContainer","notifyCheckboxContainer","disabled","skin","InfoIcon","size","infoIcon","tooltipProps","maxWidth","id","tabIndex","FormField","charCount","InputArea","rows","maxLength","ariaLabel","placeholder","TextArea","noteTextArea","_default","exports"],"sources":["../../../../src/components/NotifyBox/NotifyBox.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n  Checkbox,\n  TextArea,\n  TPAComponentsContext,\n  Text,\n  TextTypography,\n  Tooltip,\n} from 'wix-ui-tpa';\nimport { st, classes } from './NotifyBox.st.css';\nimport he from 'he';\nimport { SET_NOTIFY, SET_MESSAGE } from '../EntityAdvancedPermissionsState';\nimport {\n  AdvancedPermissionAction,\n  AdvancedPermissionState,\n} from '../EntityAdvancedPermissionsTypes';\nimport {\n  InfoIcon,\n  Text as BO_Text,\n  Checkbox as BO_Checkbox,\n  FormField,\n  InputArea,\n} from '@wix/design-system';\n\nexport interface NotifyBoxProps {\n  checkBoxNotifyLabel: string;\n  notifyMessagePlaceholder: string;\n  value: AdvancedPermissionState;\n  onChange(data: AdvancedPermissionAction): void;\n  notifyLabelHint?: string;\n  notifyMessageLabel?: string;\n  isDashboard?: boolean;\n  isSitePublished?:boolean;\n}\n\nfunction NotifyBox(props: NotifyBoxProps) {\n  const { mobile } = useContext(TPAComponentsContext);\n  const {\n    checkBoxNotifyLabel,\n    notifyMessagePlaceholder,\n    onChange,\n    value: { notify, notifyMessage },\n    notifyLabelHint,\n    notifyMessageLabel = '',\n    isDashboard = false,\n    isSitePublished,\n  } = props;\n\n  const textAreaChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    onChange({ type: SET_MESSAGE, notifyMessage: e.target.value });\n  };\n\n  const notifyCheckboxChanged = (val: any) => {\n    onChange({ type: SET_NOTIFY, notify: val.checked });\n  };\n\n  const checkboxLabel = (\n    <Text\n      typography={TextTypography.runningText}\n      className={classes.checkboxInnerText}\n    >\n      {he.decode(checkBoxNotifyLabel || '')}\n    </Text>\n  );\n  const checkboxView = mobile ? (\n    <Checkbox\n      className={st(classes.notifyCheckbox, { checked: notify })}\n      onChange={notifyCheckboxChanged}\n      label={checkboxLabel}\n      checked={notify}\n      aria-describedby=\"tooltipText\"\n    />\n  ) : (\n    <Tooltip\n      content={notifyLabelHint}\n      appendTo=\"scrollParent\"\n      className={st(classes.hintTooltip)}\n      placement=\"top\"\n    >\n      <Checkbox\n        className={st(classes.notifyCheckbox, { checked: notify })}\n        onChange={notifyCheckboxChanged}\n        label={checkboxLabel}\n        checked={notify}\n        aria-describedby=\"tooltipText\"\n      />\n    </Tooltip>\n  );\n  const notifyLength = 500 - (notifyMessage?.length || 0);\n  return (\n    <div className={st(classes.root, { mobile, dashboard: isDashboard })}>\n      <div\n        className={\n          isDashboard\n            ? st(classes.wsrnotifyCheckboxContainer)\n            : st(classes.notifyCheckboxContainer)\n        }\n      >\n        {isDashboard ? (\n          <BO_Checkbox\n            onChange={() => {\n              const val: any = { checked: !notify };\n              notifyCheckboxChanged(val);\n            }}\n            checked={notify && isSitePublished}\n            disabled={!isSitePublished}\n          >\n           <BO_Text skin={isSitePublished?'standard':'disabled'}> {he.decode(checkBoxNotifyLabel || '')}</BO_Text>\n            <InfoIcon size=\"small\" content={notifyLabelHint} className={st(classes.infoIcon)} tooltipProps={{ maxWidth: '272px' } } />\n          </BO_Checkbox>\n        ) : (\n          checkboxView\n        )}\n      </div>\n      <label className=\"sr-only\" id=\"tooltipText\" tabIndex={-1}>\n        {notifyLabelHint}\n      </label>\n      {isDashboard ? (\n        <FormField charCount={notifyLength}>\n          <InputArea\n            rows={6}\n            maxLength={500}\n            value={notifyMessage || ''}\n            ariaLabel={he.decode(notifyMessageLabel || '')}\n            onChange={textAreaChange}\n            placeholder={he.decode(notifyMessagePlaceholder || '')}\n            disabled={!isSitePublished || !notify}\n          />\n        </FormField>\n      ) : (\n        <TextArea\n          className={st(classes.noteTextArea)}\n          onChange={textAreaChange}\n          ariaLabel={he.decode(notifyMessageLabel || '')}\n          value={notifyMessage || ''}\n          placeholder={he.decode(notifyMessagePlaceholder || '')}\n          maxLength={500}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default NotifyBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_cssVars","_NotifyBoxSt","_he","_interopRequireDefault","_EntityAdvancedPermissionsState","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NotifyBox","props","mobile","useContext","TPAComponentsContext","checkBoxNotifyLabel","notifyMessagePlaceholder","onChange","value","notify","notifyMessage","notifyLabelHint","notifyMessageLabel","isDashboard","isSitePublished","textAreaChange","type","SET_MESSAGE","target","notifyCheckboxChanged","val","SET_NOTIFY","checked","checkboxLabel","createElement","Text","typography","TextTypography","runningText","className","classes","checkboxInnerText","__self","__source","fileName","lineNumber","columnNumber","he","decode","checkboxView","Checkbox","st","notifyCheckbox","label","Tooltip","content","appendTo","hintTooltip","placement","skin","TooltipSkin","Wired","notifyLength","length","root","dashboard","wsrnotifyCheckboxContainer","notifyCheckboxContainer","disabled","InfoIcon","size","infoIcon","tooltipProps","maxWidth","id","tabIndex","FormField","charCount","InputArea","rows","maxLength","ariaLabel","placeholder","TextArea","noteTextArea","theme","TextAreaTheme","Box","displayName","_default","exports"],"sources":["../../../../src/components/NotifyBox/NotifyBox.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n  Checkbox,\n  TextArea,\n  TPAComponentsContext,\n  Text,\n  TextTypography,\n  Tooltip,\n  TextAreaTheme,\n  TooltipSkin,\n} from '@wix/wix-ui-tpa/cssVars';\nimport { st, classes } from './NotifyBox.st.css';\nimport he from 'he';\nimport { SET_NOTIFY, SET_MESSAGE } from '../EntityAdvancedPermissionsState';\nimport {\n  AdvancedPermissionAction,\n  AdvancedPermissionState,\n} from '../EntityAdvancedPermissionsTypes';\nimport {\n  InfoIcon,\n  Text as BO_Text,\n  Checkbox as BO_Checkbox,\n  FormField,\n  InputArea,\n} from '@wix/design-system';\n\nexport interface NotifyBoxProps {\n  checkBoxNotifyLabel: string;\n  notifyMessagePlaceholder: string;\n  value: AdvancedPermissionState;\n  onChange(data: AdvancedPermissionAction): void;\n  notifyLabelHint?: string;\n  notifyMessageLabel?: string;\n  isDashboard?: boolean;\n  isSitePublished?:boolean;\n}\n\nfunction NotifyBox(props: NotifyBoxProps) {\n  const { mobile } = useContext(TPAComponentsContext);\n  const {\n    checkBoxNotifyLabel,\n    notifyMessagePlaceholder,\n    onChange,\n    value: { notify, notifyMessage },\n    notifyLabelHint,\n    notifyMessageLabel = '',\n    isDashboard = false,\n    isSitePublished,\n  } = props;\n\n  const textAreaChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    onChange({ type: SET_MESSAGE, notifyMessage: e.target.value });\n  };\n\n  const notifyCheckboxChanged = (val: any) => {\n    onChange({ type: SET_NOTIFY, notify: val.checked });\n  };\n\n  const checkboxLabel = (\n    <Text\n      typography={TextTypography.runningText}\n      className={classes.checkboxInnerText}\n    >\n      {he.decode(checkBoxNotifyLabel || '')}\n    </Text>\n  );\n  const checkboxView = mobile ? (\n    <Checkbox\n      className={st(classes.notifyCheckbox, { checked: notify })}\n      onChange={notifyCheckboxChanged}\n      label={checkboxLabel}\n      checked={notify}\n      aria-describedby=\"tooltipText\"\n    />\n  ) : (\n    <Tooltip\n      content={notifyLabelHint}\n      appendTo=\"scrollParent\"\n      className={st(classes.hintTooltip)}\n        placement=\"bottom\"\n        skin={TooltipSkin.Wired}\n    >\n      <Checkbox\n        className={st(classes.notifyCheckbox, { checked: notify })}\n        onChange={notifyCheckboxChanged}\n        label={checkboxLabel}\n        checked={notify}\n        aria-describedby=\"tooltipText\"\n      />\n    </Tooltip>\n  );\n  const notifyLength = 500 - (notifyMessage?.length || 0);\n  return (\n    <div className={st(classes.root, { mobile, dashboard: isDashboard })}>\n      <div\n        className={\n          isDashboard\n            ? st(classes.wsrnotifyCheckboxContainer)\n            : st(classes.notifyCheckboxContainer)\n        }\n      >\n        {isDashboard ? (\n          <BO_Checkbox\n            onChange={() => {\n              const val: any = { checked: !notify };\n              notifyCheckboxChanged(val);\n            }}\n            checked={notify && isSitePublished}\n            disabled={!isSitePublished}\n          >\n           <BO_Text skin={isSitePublished?'standard':'disabled'}> {he.decode(checkBoxNotifyLabel || '')}</BO_Text>\n            <InfoIcon size=\"small\" content={notifyLabelHint} className={st(classes.infoIcon)} tooltipProps={{ maxWidth: '272px' } } />\n          </BO_Checkbox>\n        ) : (\n          checkboxView\n        )}\n      </div>\n      <label className=\"sr-only\" id=\"tooltipText\" tabIndex={-1}>\n        {notifyLabelHint}\n      </label>\n      {isDashboard ? (\n        <FormField charCount={notifyLength}>\n          <InputArea\n            rows={6}\n            maxLength={500}\n            value={notifyMessage || ''}\n            ariaLabel={he.decode(notifyMessageLabel || '')}\n            onChange={textAreaChange}\n            placeholder={he.decode(notifyMessagePlaceholder || '')}\n            disabled={!isSitePublished || !notify}\n          />\n        </FormField>\n      ) : (\n        <TextArea\n            className={st(classes.noteTextArea)}\n            rows={6}\n          onChange={textAreaChange}\n          ariaLabel={he.decode(notifyMessageLabel || '')}\n          value={notifyMessage || ''}\n          placeholder={he.decode(notifyMessagePlaceholder || '')}\n            maxLength={500}\n            theme={TextAreaTheme.Box}\n        />\n      )}\n    </div>\n  );\n}\n\nNotifyBox.displayName = 'NotifyBox';\n\nexport default NotifyBox;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NotifyBox/NotifyBox.st.css

@@ -1,21 +1,18 @@
-:import {
-  -st-from: "wix-ui-tpa/index.st.css";
-  -st-named: TextArea as TPATextArea;
-}
-
-:import {
-  -st-from: "wix-ui-tpa/index.st.css";
-  -st-named: Checkbox as TPACheckbox;
-}
+@st-import  [Checkbox, Tooltip] from '@wix/wix-ui-tpa/cssVars/index.st.css';
+@st-import [ setColor, setVar ] from '@wix/wix-ui-tpa/formatters';
 
-:import {
-  -st-from: "wix-ui-tpa/index.st.css";
-  -st-named: Text as TPAText;
+:vars {
+  black: 0, 0, 0;
+  white: 255, 255, 255;
+  midGray: 117, 117, 117;
+  lightGray: 150, 150, 150;
+  placeholderGray: 100, 100, 100;
 }
 
 .root{
   -st-states: mobile, dashboard;
   margin: 0 24px;
+  height: auto;
 }
 
 .root:dashboard{
@@ -28,63 +25,120 @@
 }
 
 .noteTextArea{
-  -st-mixin : TPATextArea(
-    BorderColor #000000,
-    TextColor #000000,
-    PlaceholderColor #969696,
-    BackgroundColor #ffffff,
-    ContainerWidth 550px,
-    ContainerHeight 182px
-  );
-  margin-bottom: 24px ;
+  -st-mixin:
+    setColor(--wix-ui-tpa-text-area-border-color, null, value(black), 0.6),
+    setColor(--wix-ui-tpa-text-area-hover-border-color, null, value(black), 0.6),
+    setColor(--wix-ui-tpa-text-area-text-color, null, value(black)),
+    setColor(--wix-ui-tpa-text-area-placeholder-color, null, value(placeholderGray), 1),
+    setColor(--wix-ui-tpa-text-area-background-color, null, value(white), 0),
+    setColor(--wix-ui-tpa-text-area-hover-background-color, null, value(white), 0),
+    setVar(--wix-ui-tpa-text-area-main-border-width, null, px, 0),
+    setVar(--wix-ui-tpa-text-area-hover-border-width, null, px, 0),
+    setVar(--wix-ui-tpa-text-area-horizontal-padding, null, px, 12),
+    setVar(--wix-ui-tpa-text-area-vertical-padding, null, px, 8),
+    setVar(--wix-ui-tpa-text-area-padding-inline-start, null, px, 12),
+    setVar(--wix-ui-tpa-text-area-container-width, null, percent, 100),
+    setVar(--wix-ui-tpa-text-area-container-height, null, px, 40);
+
+  width: 100%;
+  margin-bottom: 0;
+}
+
+.noteTextArea > div {
+  height: auto !important;
+  min-height: 40px;
+  padding: 8px 12px !important;
+  background: transparent !important;
+}
+
+.noteTextArea :global(textarea) {
+  min-height: 24px;
+  padding: 0 !important;
+}
+
+.noteTextArea :global(textarea::placeholder) {
+  color: #646464;
 }
 
 .checkboxInnerText{
-  -st-mixin : TPAText(
-    MainTextColor '#000000',
-  );
+  -st-mixin: setColor(--wix-ui-tpa-text-main-text-color, null, value(black));
   font-weight: 300;
   letter-spacing: 0px;
-  line-height: 20px;
+  line-height: 24px;
+  font-size: 16px;
 }
 
 .notifyCheckboxContainer{
-  margin-top: 19px;
-  margin-bottom: 17px;
+  margin-top: 22px;
+  margin-bottom: 26px;
 }
 
-.hintTooltip div[role=tooltip]{
-  background-color: #FFFFFF;
-  color: #000000;
-  border-color: #FFFFFF;
-  padding: 15px 16px;
-  width: 300px;
-  height: 100%;
+.notifyTooltipTarget{
+  display: inline-block;
 }
 
-.hintTooltip path{
-  fill: #FFFFFF;
+.hintTooltip{
+  display: inline-block;
+  -st-mixin:
+    setColor(--wix-ui-tpa-tooltip-border-color, null, value(white),0),
+     setColor(--wix-ui-tpa-tooltip-text-color, null, value(black)),
+     setColor(--wix-ui-tpa-tooltip-background-color, null, value(white));
+}
+.hintTooltipContent{
+  padding: 12px;
+  max-width: 320px;
 }
 
+
 .notifyCheckbox{
   -st-states: checked;
-  -st-mixin : TPACheckbox(
-    BorderColor #757575,
-    IconColor #000000,
-  );
+  -st-mixin:
+    setColor(--wix-ui-tpa-checkbox-text-color, null, value(black)),
+    setColor(--wix-ui-tpa-checkbox-hover-text-color, null, value(black)),
+    setColor(--wix-ui-tpa-checkbox-border-color, null, value(midGray)),
+    setColor(--wix-ui-tpa-checkbox-box-border-color, null, value(midGray)),
+    setColor(--wix-ui-tpa-checkbox-icon-color, null, value(black)),
+    setColor(--wix-ui-tpa-checkbox-hover-icon-color, null, value(black)),
+    setColor(--wix-ui-tpa-checkbox-box-color, null, value(white)),
+    setColor(--wix-ui-tpa-checkbox-input-background-color, null, value(white)),
+    setColor(--wix-ui-tpa-checkbox-input-hover-background-color, null, value(white)),
+    setColor(--wix-ui-tpa-checkbox-input-checked-background-color, null, value(white)),
+    setColor(--wix-ui-tpa-checkbox-input-disabled-background-color, null, value(white)),
+    setVar(--wix-ui-tpa-checkbox-input-size, null, px, 16),
+    setVar(--wix-ui-tpa-checkbox-margin-inline-end, null, px, 12),
+    setVar(--wix-ui-tpa-checkbox-label-font-line-height, null, px, 24);
+
+}
+
+.notifyCheckbox :global([data-hook="icon-wrapper"]) {
+  background-color: #ffffff !important;
+  border: 1px solid rgba(117, 117, 117, 0.6) !important;
+  position: relative !important;
+}
+
+.notifyCheckbox :global([data-hook="icon-wrapper"]) svg {
+  position: absolute !important;
+  top: -1px !important;
+  left: -1px !important;
+}
+
+.notifyCheckbox :global([data-hook="icon-wrapper"]) path {
+  fill: #000000 !important;
+}
+
+.notifyCheckbox[data-checked="true"] :global([data-hook="icon-wrapper"]) {
+  border-color: rgba(0, 0, 0, 0.6) !important;
 }
 
 .notifyCheckbox:hover{
-  -st-mixin : TPACheckbox(
-    BorderColor #969696,
-  );
+  -st-mixin: setColor(--wix-ui-tpa-checkbox-input-hover-border-color, null, value(lightGray));
 }
 
 .notifyCheckbox:checked{
-  -st-mixin : TPACheckbox(
-    BorderColor #000000,
-    IconColor #000000,
-  );
+  -st-mixin:
+    setColor(--wix-ui-tpa-checkbox-border-color, null, value(black)),
+    setColor(--wix-ui-tpa-checkbox-box-border-color, null, value(black)),
+    setColor(--wix-ui-tpa-checkbox-icon-color, null, value(black));
 }
 
 .root:mobile{
@@ -99,7 +153,7 @@
   margin: 22px 0px 0px 0px;
 }
 
-.root:mobile .notifyCheckbox :global(span[class$="checkboxInnerText"]){
+.root:mobile  .notifyCheckbox .checkboxInnerText{
   font-size: 12px;
 }
 

package/dist/cjs/components/PermissionsDropdown/PermissionsDropdown.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _PermissionsDropdownSt = require("./PermissionsDropdown.st.css");
 var _DropdownCheckedEmpty = _interopRequireDefault(require("../../assets/icons/DropdownCheckedEmpty.svg"));
 var _DropdownChecked = _interopRequireDefault(require("../../assets/icons/DropdownChecked.svg"));
@@ -33,7 +33,7 @@ const getOverlay = () => {
 function PermissionsDropdown(props) {
   const {
     mobile
-  } = (0, _react.useContext)(_wixUiTpa.TPAComponentsContext);
+  } = (0, _react.useContext)(_cssVars.TPAComponentsContext);
   const overlay = (0, _react.useRef)(getOverlay());
   const {
     options,
@@ -120,13 +120,15 @@ function PermissionsDropdown(props) {
         return '';
     }
   };
-  const newOptions = options.map(k => {
+  const newOptions = options.map((k, index) => {
     return {
       ...k,
       value: _he.default.decode(k.value || ''),
       subtitle: _he.default.decode(k.subtitle || ''),
       icon: getIcon(`${k.id}`),
-      key: k.id
+      key: k.id,
+      'data-hook': `permission-option-${index}`,
+      className: 'permission-option'
     };
   });
   const lockScrolling = expanded => {
@@ -150,7 +152,7 @@ function PermissionsDropdown(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 136,
+            lineNumber: 139,
             columnNumber: 15
           }
         }, getPermissionIcon(permission.id)),
@@ -182,7 +184,7 @@ function PermissionsDropdown(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 156,
+        lineNumber: 159,
         columnNumber: 7
       }
     })) : /*#__PURE__*/_react.default.createElement(_designSystem.DropdownBase, (0, _extends2.default)({
@@ -200,7 +202,7 @@ function PermissionsDropdown(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 169,
+        lineNumber: 172,
         columnNumber: 7
       }
     }), ({
@@ -214,19 +216,19 @@ function PermissionsDropdown(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 187,
+          lineNumber: 190,
           columnNumber: 25
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 183,
+        lineNumber: 186,
         columnNumber: 11
       }
     }, selectedOption.id !== 'NONE' && selectedOption.label || (selectedPermission == null ? void 0 : selectedPermission.label)));
   }
-  return /*#__PURE__*/_react.default.createElement(_wixUiTpa.FloatingDropdown, {
+  return /*#__PURE__*/_react.default.createElement(_cssVars.FloatingDropdown, {
     removeElementMinWidth: true,
     "aria-labelledby": ariaLabelledBy,
     options: newOptions,
@@ -244,10 +246,11 @@ function PermissionsDropdown(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 198,
+      lineNumber: 201,
       columnNumber: 5
     }
   });
 }
+PermissionsDropdown.displayName = 'PermissionsDropdown';
 var _default = exports.default = PermissionsDropdown;
 //# sourceMappingURL=PermissionsDropdown.js.map