@selfcommunity/react-ui 0.7.0-alpha.99 → 0.7.0

package/lib/cjs/components/ConsentSolution/Skeleton.js

@@ -1,51 +1,24 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
-const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+const Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
 const material_1 = require("@mui/material");
-const PREFIX = 'SCConsentSolutionSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    title: `${PREFIX}-title`,
-    content: `${PREFIX}-content`,
-    consent: `${PREFIX}-consent`,
-    consentSwitch: `${PREFIX}-consent-switch`,
-    consentSwitchLabel: `${PREFIX}-consent-switch-label`,
-    actions: `${PREFIX}-actions`
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    title: `${constants_1.PREFIX}-title`,
+    content: `${constants_1.PREFIX}-content`,
+    consent: `${constants_1.PREFIX}-consent`,
+    consentSwitch: `${constants_1.PREFIX}-consent-switch`,
+    consentSwitchLabel: `${constants_1.PREFIX}-consent-switch-label`,
+    actions: `${constants_1.PREFIX}-actions`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.title}`]: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-    },
-    [`& .${classes.content}`]: {
-        paddingTop: theme.spacing(3),
-        paddingBottom: theme.spacing(5)
-    },
-    [`& .${classes.consent}`]: {
-        borderTop: 0,
-        overflowY: 'visible',
-        display: 'flex'
-    },
-    [`& .${classes.consentSwitch}`]: {
-        width: 64,
-        height: 31,
-        borderRadius: 22,
-        marginRight: theme.spacing()
-    },
-    [`& .${classes.consentSwitchLabel}`]: {
-        marginTop: 23
-    }
-}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS ConsentSolution Skeleton component. Learn about the available props and the CSS API.
 
@@ -57,18 +30,18 @@ const Root = (0, styles_1.styled)(material_1.Box, {
 
  #### Component Name
 
- The name `SCConsentSolutionSkeleton` can be used when providing style overrides in the theme.
+ The name `SCConsentSolution-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCConsentSolutionSkeleton-root|Styles applied to the root element.|
- |title|.SCConsentSolutionSkeleton-title|Styles applied to the title element.|
- |content|.SCConsentSolutionSkeleton-content|Styles applied to the content element.|
- |consent|.SCConsentSolutionSkeleton-consent|Styles applied to the consent element.|
- |consentSwitch|.SCConsentSolutionSkeleton-consent-switch|Styles applied to the switch skeleton element.|
- |actions|.SCConsentSolutionSkeleton-actions|Styles applied to the actions section.|
+ |root|.SCConsentSolution-skeleton-root|Styles applied to the root element.|
+ |title|.SCConsentSolution-title|Styles applied to the title element.|
+ |content|.SCConsentSolution-content|Styles applied to the content element.|
+ |consent|.SCConsentSolution-consent|Styles applied to the consent element.|
+ |consentSwitch|.SCConsentSolution-consent-switch|Styles applied to the switch skeleton element.|
+ |actions|.SCConsentSolution-actions|Styles applied to the actions section.|
  *
  */
 function ConsentSolutionSkeleton() {
@@ -89,4 +62,3 @@ function ConsentSolutionSkeleton() {
             react_1.default.createElement(Skeleton_1.default, { animation: "wave", height: 40, width: "20%" }))));
 }
 exports.default = ConsentSolutionSkeleton;
-//# sourceMappingURL=Skeleton.js.map

package/lib/cjs/components/ConsentSolution/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCConsentSolution";

package/lib/cjs/components/ConsentSolution/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCConsentSolution';

package/lib/cjs/components/ConsentSolution/index.d.ts

@@ -2,4 +2,3 @@ import ConsentSolution, { ConsentSolutionProps } from './ConsentSolution';
 import ConsentSolutionSkeleton from './Skeleton';
 export default ConsentSolution;
 export { ConsentSolutionProps, ConsentSolutionSkeleton };
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/ConsentSolution/index.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConsentSolutionSkeleton = void 0;
-const ConsentSolution_1 = __importDefault(require("./ConsentSolution"));
-const Skeleton_1 = __importDefault(require("./Skeleton"));
+const tslib_1 = require("tslib");
+const ConsentSolution_1 = tslib_1.__importDefault(require("./ConsentSolution"));
+const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
 exports.ConsentSolutionSkeleton = Skeleton_1.default;
 exports.default = ConsentSolution_1.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/ConsentSolutionButton/ConsentSolutionButton.d.ts

@@ -36,4 +36,3 @@ export interface ConsentSolutionButtonProps extends ButtonProps {
  * @param inProps
  */
 export default function ConsentSolutionButton(inProps: ConsentSolutionButtonProps): JSX.Element;
-//# sourceMappingURL=ConsentSolutionButton.d.ts.map

package/lib/cjs/components/ConsentSolutionButton/ConsentSolutionButton.js

@@ -1,47 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const system_1 = require("@mui/system");
 const styles_1 = require("@mui/material/styles");
-const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
-const ConsentSolution_1 = __importDefault(require("../ConsentSolution"));
+const Dialog_1 = tslib_1.__importDefault(require("@mui/material/Dialog"));
+const ConsentSolution_1 = tslib_1.__importDefault(require("../ConsentSolution"));
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -79,7 +43,7 @@ function ConsentSolutionButton(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className, ConsentSolutionProps = {} } = props, rest = __rest(props, ["className", "ConsentSolutionProps"]);
+    const { className, ConsentSolutionProps = {} } = props, rest = tslib_1.__rest(props, ["className", "ConsentSolutionProps"]);
     // CONTEXT
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
     // STATE
@@ -107,4 +71,3 @@ function ConsentSolutionButton(inProps) {
         open && react_1.default.createElement(ConsentSolution_1.default, Object.assign({}, ConsentSolutionProps, { open: true, onClose: handleClick }))));
 }
 exports.default = ConsentSolutionButton;
-//# sourceMappingURL=ConsentSolutionButton.js.map

package/lib/cjs/components/ConsentSolutionButton/index.d.ts

@@ -1,4 +1,3 @@
 import ConsentSolutionButton, { ConsentSolutionButtonProps } from './ConsentSolutionButton';
 export default ConsentSolutionButton;
 export { ConsentSolutionButtonProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/ConsentSolutionButton/index.js

@@ -1,8 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const ConsentSolutionButton_1 = __importDefault(require("./ConsentSolutionButton"));
+const tslib_1 = require("tslib");
+const ConsentSolutionButton_1 = tslib_1.__importDefault(require("./ConsentSolutionButton"));
 exports.default = ConsentSolutionButton_1.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/CustomAdv/CustomAdv.d.ts

@@ -29,8 +29,12 @@ export interface CustomAdvProps extends VirtualScrollerItemProps {
     prefixedHeight?: number;
 }
 /**
- > API documentation for the Community-JS CustomAdv component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS CustomAdv component. Learn about the available props and the CSS API.
  *
+ *
+ * This component renders custom adv banners.
+ * Take a look at our <strong>demo</strong> component [here](/docs/sdk/community-js/react-ui/Components/CustomAdv)
+
  #### Import
  ```jsx
  import {CustomAdv} from '@selfcommunity/react-ui';
@@ -43,9 +47,11 @@ export interface CustomAdvProps extends VirtualScrollerItemProps {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCCustomAdv-root|Styles applied to the root element.|
+ |wrap|.SCCustomAdv-wrap|Styles applied to wrap an element.|
  |image|.SCCustomAdv-image|Styles applied to the image element.|
+ |embedCode|.SCCustomAdv-embed-code|Styles applied to the embed code section.|
+ |prefixedHeight|.SCCustomAdv-prefixed-height|Styles applied to handle a prefixed height.|
 
  * @param inProps
  */
 export default function CustomAdv(inProps: CustomAdvProps): JSX.Element;
-//# sourceMappingURL=CustomAdv.d.ts.map

package/lib/cjs/components/CustomAdv/CustomAdv.js

@@ -1,75 +1,34 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_core_1 = require("@selfcommunity/react-core");
-const classnames_1 = __importDefault(require("classnames"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const system_1 = require("@mui/system");
-const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
+const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
 const use_deep_compare_effect_1 = require("use-deep-compare-effect");
-const use_resize_observer_1 = __importDefault(require("use-resize-observer"));
-const PREFIX = 'SCCustomAdv';
+const use_resize_observer_1 = tslib_1.__importDefault(require("use-resize-observer"));
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    wrap: `${PREFIX}-wrap`,
-    image: `${PREFIX}-image`,
-    embedCode: `${PREFIX}-embed-code`,
-    prefixedHeight: `${PREFIX}-prefixed-height`
+    root: `${constants_1.PREFIX}-root`,
+    wrap: `${constants_1.PREFIX}-wrap`,
+    image: `${constants_1.PREFIX}-image`,
+    embedCode: `${constants_1.PREFIX}-embed-code`,
+    prefixedHeight: `${constants_1.PREFIX}-prefixed-height`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    marginBottom: theme.spacing(2),
-    [`& .${classes.wrap}`]: {
-        width: '100%',
-        position: 'relative'
-    },
-    [`& .${classes.image}`]: {
-        width: '100%'
-    },
-    [`& .${classes.embedCode}`]: {
-        width: '100%'
-    },
-    [`& .${classes.prefixedHeight}`]: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        bottom: 0,
-        right: 0
-    }
-}));
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
 /**
- > API documentation for the Community-JS CustomAdv component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS CustomAdv component. Learn about the available props and the CSS API.
+ *
  *
+ * This component renders custom adv banners.
+ * Take a look at our <strong>demo</strong> component [here](/docs/sdk/community-js/react-ui/Components/CustomAdv)
+
  #### Import
  ```jsx
  import {CustomAdv} from '@selfcommunity/react-ui';
@@ -82,7 +41,10 @@ const Root = (0, styles_1.styled)(material_1.Box, {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCCustomAdv-root|Styles applied to the root element.|
+ |wrap|.SCCustomAdv-wrap|Styles applied to wrap an element.|
  |image|.SCCustomAdv-image|Styles applied to the image element.|
+ |embedCode|.SCCustomAdv-embed-code|Styles applied to the embed code section.|
+ |prefixedHeight|.SCCustomAdv-prefixed-height|Styles applied to handle a prefixed height.|
 
  * @param inProps
  */
@@ -90,7 +52,7 @@ function CustomAdv(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { id = 'custom_adv', className, advId = null, position, categoriesId, prefixedHeight, onStateChange, onHeightChange } = props;
     // REFS
@@ -132,4 +94,3 @@ function CustomAdv(inProps) {
     return (react_1.default.createElement(Root, { id: id, className: (0, classnames_1.default)(classes.root, className), ref: ref, style: Object.assign({}, (prefixedHeight ? { paddingBottom: prefixedHeight } : { width: '100%' })) }, scCustomAdv.link ? (react_1.default.createElement("a", { href: scCustomAdv.link, title: scCustomAdv.title }, adv)) : (adv)));
 }
 exports.default = CustomAdv;
-//# sourceMappingURL=CustomAdv.js.map

package/lib/cjs/components/CustomAdv/Skeleton.d.ts

@@ -9,14 +9,13 @@
 
  #### Component Name
 
- The name `SCCustomAdvSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCustomAdv-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCustomAdvSkeleton-root|Styles applied to the root element.|
+ |root|.SCCustomAdv-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function CustomAdvSkeleton(): JSX.Element;
-//# sourceMappingURL=Skeleton.d.ts.map

package/lib/cjs/components/CustomAdv/Skeleton.js

@@ -1,19 +1,16 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const Skeleton_1 = require("../Skeleton");
 const styles_1 = require("@mui/material/styles");
-const PREFIX = 'SCCustomAdvSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${constants_1.PREFIX}-skeleton-root`
 };
 const Root = (0, styles_1.styled)(Skeleton_1.GenericSkeleton, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
 })(({ theme }) => ({}));
 /**
  * > API documentation for the Community-JS Custom Adv Skeleton component. Learn about the available props and the CSS API.
@@ -26,17 +23,16 @@ const Root = (0, styles_1.styled)(Skeleton_1.GenericSkeleton, {
 
  #### Component Name
 
- The name `SCCustomAdvSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCustomAdv-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCustomAdvSkeleton-root|Styles applied to the root element.|
+ |root|.SCCustomAdv-skeleton-root|Styles applied to the root element.|
  *
  */
 function CustomAdvSkeleton() {
     return react_1.default.createElement(Root, { className: classes.root });
 }
 exports.default = CustomAdvSkeleton;
-//# sourceMappingURL=Skeleton.js.map

package/lib/cjs/components/CustomAdv/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCCustomAdv";

package/lib/cjs/components/CustomAdv/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCCustomAdv';

package/lib/cjs/components/CustomAdv/index.d.ts

@@ -2,4 +2,3 @@ import CustomAdv, { CustomAdvProps } from './CustomAdv';
 import CustomAdvSkeleton from './Skeleton';
 export default CustomAdv;
 export { CustomAdvProps, CustomAdvSkeleton };
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/CustomAdv/index.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomAdvSkeleton = void 0;
-const CustomAdv_1 = __importDefault(require("./CustomAdv"));
-const Skeleton_1 = __importDefault(require("./Skeleton"));
+const tslib_1 = require("tslib");
+const CustomAdv_1 = tslib_1.__importDefault(require("./CustomAdv"));
+const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
 exports.CustomAdvSkeleton = Skeleton_1.default;
 exports.default = CustomAdv_1.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/Editor/Editor.d.ts

@@ -23,12 +23,31 @@ export interface EditorProps {
      * @default true
      */
     editable?: boolean;
+    /**
+     * Show the toolbar on top of the editor, elsewhere show buttons at the bottom of the editor
+     * @default false
+     */
+    toolbar?: boolean;
+    /**
+     * This editor can upload images and insert into the html dom
+     * @default false
+     */
+    uploadImage?: boolean;
     /**
      * Handler for change event of the editor
      * @default null
      * */
     onChange?: (value: string) => void;
+    /**
+     * Handler for blur event of the editor
+     * @default null
+     * */
+    onBlur?: (event: FocusEvent) => void;
+    /**
+     * Handler for focus event of the editor
+     * @default null
+     * */
+    onFocus?: (event: FocusEvent) => void;
 }
 declare const _default: React.ForwardRefExoticComponent<EditorProps & React.RefAttributes<EditorRef>>;
 export default _default;
-//# sourceMappingURL=Editor.d.ts.map