oolib 2.70.0 → 2.70.2

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.
Files changed (11) hide show
  1. package/dist/components/AudioInput/comps/AudioPlayer.js +1 -1
  2. package/dist/components/AudioInput/index.js +2 -2
  3. package/dist/components/AudioInput/styled.js +4 -1
  4. package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/index.d.ts +12 -0
  5. package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/index.js +67 -0
  6. package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/styled.d.ts +2 -0
  7. package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/styled.js +25 -0
  8. package/dist/components/Dropdowns/comps/OptionsShell/index.js +14 -12
  9. package/dist/icons/custom/index.d.ts +55 -55
  10. package/dist/icons/custom/index.js +3 -3
  11. package/package.json +1 -1
package/dist/components/AudioInput/comps/AudioPlayer.js CHANGED
@@ -28,7 +28,7 @@ var react_1 = __importStar(require("react"));
28
28
  var styled_1 = require("../styled");
29
29
  var AudioPlayer = function (_a) {
30
30
  var audioData = _a.audioData;
31
- return (react_1.default.createElement(react_1.Fragment, null, audioData.map(function (i, d) { return (react_1.default.createElement(styled_1.StyledAudioElement, { key: "".concat(i - d), controls: true, src: d.publicUrl, controlsList: "nodownload noplaybackrate" // to hide controls
31
+ return (react_1.default.createElement(react_1.Fragment, null, audioData.map(function (d, i) { return (react_1.default.createElement(styled_1.StyledAudioElement, { key: "".concat(i - d), controls: true, src: d.publicUrl, controlsList: "nodownload noplaybackrate" // to hide controls
32
32
  })); })));
33
33
  };
34
34
  exports.AudioPlayer = AudioPlayer;
package/dist/components/AudioInput/index.js CHANGED
@@ -101,9 +101,9 @@ function AudioInput(_a) {
101
101
  react_1.default.createElement(styled_1.StyledInnerWrapper, null,
102
102
  react_1.default.createElement(ProgressBar_1.ProgressBar, { progress: uploadProgress, text: uploadProgress && uploadProgress !== 100
103
103
  ? uploadProgress + "%"
104
- : "Almost Done..." })))) : (audioData && (react_1.default.createElement(styled_js_1.StyledAudioPlayerWrapper, null,
104
+ : "Almost Done..." })))) : (audioData && (react_1.default.createElement(styled_js_1.StyledAudioPlayerWrapper, { isInRTE: isInRTE },
105
105
  react_1.default.createElement(AudioPlayer_1.AudioPlayer, { audioData: audioData }),
106
- react_1.default.createElement(AudioAction_1.AudioAction, __assign({}, __assign(__assign({}, isInRTE), { inputRef: inputRef, parentOnChange: parentOnChange })))))),
106
+ react_1.default.createElement(AudioAction_1.AudioAction, __assign({}, { isInRTE: isInRTE, inputRef: inputRef, parentOnChange: parentOnChange }))))),
107
107
  react_1.default.createElement("input", { type: "file" // When user clicks on upload new video from action menu inputRef.current.click() this does not work for upload button. this approch deals with that issue.
108
108
  , accept: "audio/*", ref: inputRef, style: { display: "none" }, id: "AudioField", onChange: function (v) { return handleUpload(v.target.files); } })));
109
109
  }
package/dist/components/AudioInput/styled.js CHANGED
@@ -13,5 +13,8 @@ var themes_1 = require("../../themes");
13
13
  exports.StyledAudioEmbedPreview = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-top: 2rem;\n"], ["\n padding-top: 2rem;\n"])));
14
14
  exports.StyledAudioEmbedPlayed = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-top: 56.25%;\n position: relative;\n"], ["\n padding-top: 56.25%;\n position: relative;\n"])));
15
15
  exports.StyledAudioElement = styled_components_1.default.audio(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 300px;\n height: 40px;\n background-color: ", ";\n &::-webkit-media-controls-enclosure {\n border-radius: 0;\n }\n\n &::-webkit-media-controls-panel {\n background-color: ", ";\n }\n /* -webkit-appearance: none; */\n \n /* Reset webkit border-radius to 0 */\n /* -webkit-border-radius: 0; */\n"], ["\n width: 300px;\n height: 40px;\n background-color: ", ";\n &::-webkit-media-controls-enclosure {\n border-radius: 0;\n }\n\n &::-webkit-media-controls-panel {\n background-color: ", ";\n }\n /* -webkit-appearance: none; */\n \n /* Reset webkit border-radius to 0 */\n /* -webkit-border-radius: 0; */\n"])), themes_1.colors.greyColor10, themes_1.colors.greyColor10);
16
- exports.StyledAudioPlayerWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: inherit;\n margin: 2rem 0rem;\n"], ["\n display: flex;\n align-items: center;\n width: inherit;\n margin: 2rem 0rem;\n"])));
16
+ exports.StyledAudioPlayerWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: inherit;\n margin: ", ";\n"], ["\n display: flex;\n align-items: center;\n width: inherit;\n margin: ", ";\n"])), function (_a) {
17
+ var isInRTE = _a.isInRTE;
18
+ return !isInRTE ? '2rem 0rem' : '0rem';
19
+ });
17
20
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/index.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ export function OptionsAnimateWrapper({ options, optionsRef, relativeToRef, showOptions, invert, yOrientation, fixPos, optionsAnchor, children, }: {
2
+ options: any;
3
+ optionsRef: any;
4
+ relativeToRef: any;
5
+ showOptions: any;
6
+ invert: any;
7
+ yOrientation: any;
8
+ fixPos: any;
9
+ optionsAnchor: any;
10
+ children: any;
11
+ }): React.JSX.Element;
12
+ import React from "react";
package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/index.js ADDED
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
20
+ }) : (function(o, m, k, k2) {
21
+ if (k2 === undefined) k2 = k;
22
+ o[k2] = m[k];
23
+ }));
24
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
26
+ }) : function(o, v) {
27
+ o["default"] = v;
28
+ });
29
+ var __importStar = (this && this.__importStar) || function (mod) {
30
+ if (mod && mod.__esModule) return mod;
31
+ var result = {};
32
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
+ __setModuleDefault(result, mod);
34
+ return result;
35
+ };
36
+ Object.defineProperty(exports, "__esModule", { value: true });
37
+ exports.OptionsAnimateWrapper = void 0;
38
+ var react_1 = __importStar(require("react"));
39
+ var styled_1 = require("./styled");
40
+ var OptionsAnimateWrapper = function (_a) {
41
+ var _b;
42
+ var _c;
43
+ var options = _a.options, optionsRef = _a.optionsRef, relativeToRef = _a.relativeToRef, showOptions = _a.showOptions, invert = _a.invert, yOrientation = _a.yOrientation, fixPos = _a.fixPos, optionsAnchor = _a.optionsAnchor, children = _a.children;
44
+ var selectCompRect = (_c = relativeToRef === null || relativeToRef === void 0 ? void 0 : relativeToRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();
45
+ //we need to recalc when ops length change because, in tag comps, when loading a fixed set of 'loading' options are shown
46
+ //before the actual number of options are loaded
47
+ //useMemo wont work cuz it runs before render, and before render ref doesnt exist.
48
+ var _d = (0, react_1.useState)({
49
+ width: undefined,
50
+ openHeight: undefined,
51
+ }), _e = _d[0], width = _e.width, openHeight = _e.openHeight, setWidthAndOpenHeight = _d[1];
52
+ (0, react_1.useEffect)(function () {
53
+ var _a, _b, _c, _d;
54
+ setWidthAndOpenHeight({
55
+ width: (_b = (_a = optionsRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width,
56
+ openHeight: (_d = (_c = optionsRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect()) === null || _d === void 0 ? void 0 : _d.height,
57
+ });
58
+ }, [options.length]);
59
+ return (react_1.default.createElement(styled_1.StyledOptionsAnimateWrapper, { invert: invert, isOpen: showOptions, width: width, openHeight: openHeight, style: __assign({ zIndex: 100000 }, (fixPos
60
+ ? __assign({ position: "fixed", top: "".concat(fixPos.y -
61
+ (yOrientation === "top" ? (selectCompRect === null || selectCompRect === void 0 ? void 0 : selectCompRect.height) || 0 : 0), "px"), left: "".concat(fixPos.x, "px") }, (yOrientation === "top"
62
+ ? { transform: "translateY(-100%)" }
63
+ : {})) : __assign(__assign({ position: "absolute" }, (optionsAnchor ? (_b = {}, _b[optionsAnchor] = 0, _b) : { left: 0 })), (yOrientation === "bottom"
64
+ ? { bottom: 0, transform: "translateY(100%)" }
65
+ : { top: 0, transform: "translateY(-100%)" })))) }, children));
66
+ };
67
+ exports.OptionsAnimateWrapper = OptionsAnimateWrapper;
package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/styled.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ /** for lightbox shell */
2
+ export const StyledOptionsAnimateWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/styled.js ADDED
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.StyledOptionsAnimateWrapper = void 0;
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ var globalVariables_1 = require("../../../../../../globalStyles/globalVariables");
13
+ var mixins_1 = require("../../../../../../themes/mixins");
14
+ /** for lightbox shell */
15
+ exports.StyledOptionsAnimateWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", ";\n /**\n 'else 100%' is very important. \n what this does is, on first render, it allows the optionsWrapper within to take whatever width \n its supposed to i.e max-content / 100% width of select / 36rem.\n Then on the next render (after the ref has already been attached to optionsWrapper), the proper width\n gets calculated and passed to this component.\n\n Without this 100%, this will not work > scenarios where there is enough space for the dropdown to \n stretch to the width of the select OR 36rem. Instead it will always stick to its min-width which is \n max-content\n */\n width: ", ";\n overflow: hidden;\n ", ";\n ", ";\n border-width: ", "; //hack, otherwsie this shit line shows when options are closed\n"], ["\n height: ", ";\n /**\n 'else 100%' is very important. \n what this does is, on first render, it allows the optionsWrapper within to take whatever width \n its supposed to i.e max-content / 100% width of select / 36rem.\n Then on the next render (after the ref has already been attached to optionsWrapper), the proper width\n gets calculated and passed to this component.\n\n Without this 100%, this will not work > scenarios where there is enough space for the dropdown to \n stretch to the width of the select OR 36rem. Instead it will always stick to its min-width which is \n max-content\n */\n width: ", ";\n overflow: hidden;\n ", ";\n ", ";\n border-width: ", "; //hack, otherwsie this shit line shows when options are closed\n"])), function (_a) {
16
+ var isOpen = _a.isOpen, openHeight = _a.openHeight;
17
+ return isOpen ? (openHeight ? openHeight + 'px' : 'auto') : 0;
18
+ }, function (_a) {
19
+ var width = _a.width;
20
+ return width ? width + 'px' : '100%';
21
+ }, (0, mixins_1.transition)('height', 'border-width'), globalVariables_1.globalLightboxStyle, function (_a) {
22
+ var isOpen = _a.isOpen;
23
+ return isOpen ? '1px' : 0;
24
+ });
25
+ var templateObject_1;
package/dist/components/Dropdowns/comps/OptionsShell/index.js CHANGED
@@ -44,13 +44,12 @@ var usePopOutOfOverflowHiddenParent_1 = require("../../../../utils/usePopOutOfOv
44
44
  var Buttons_1 = require("../../../Buttons");
45
45
  var ModalLarge_1 = require("../../../Modals/ModalLarge");
46
46
  var styled_1 = require("./styled");
47
+ var OptionsAnimateWrapper_1 = require("./comps/OptionsAnimateWrapper");
47
48
  exports.OptionsShell = react_1.default.forwardRef(function (_a, ref) {
48
- var _b;
49
- var _c, _d, _e, _f, _g;
50
- var yOrientation = _a.yOrientation, lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, options = _a.options, optionsAnchor = _a.optionsAnchor, showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, children = _a.children, SelectComp = _a.SelectComp, label = _a.label, optionsModalLabel = _a.optionsModalLabel, invert = _a.invert, showDoneButton = _a.showDoneButton, _h = _a.popOutOfOverflowHiddenParent, popOutOfOverflowHiddenParent = _h === void 0 ? false : _h, relativeToRef = _a.relativeToRef, S = _a.S;
49
+ var yOrientation = _a.yOrientation, lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, options = _a.options, optionsAnchor = _a.optionsAnchor, showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, children = _a.children, SelectComp = _a.SelectComp, label = _a.label, optionsModalLabel = _a.optionsModalLabel, invert = _a.invert, showDoneButton = _a.showDoneButton, _b = _a.popOutOfOverflowHiddenParent, popOutOfOverflowHiddenParent = _b === void 0 ? false : _b, relativeToRef = _a.relativeToRef, S = _a.S;
51
50
  var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
52
51
  var isDesktop = screenWidth >= (0, mixins_1.getBreakPoint)("sm");
53
- var _j = (0, usePopOutOfOverflowHiddenParent_1.usePopOutOfOverflowHiddenParent)(popOutOfOverflowHiddenParent), fixPos = _j.fixPos, applyFixedPos = _j.applyFixedPos, removeFixedPos = _j.removeFixedPos, trackerRef = _j.trackerRef;
52
+ var _c = (0, usePopOutOfOverflowHiddenParent_1.usePopOutOfOverflowHiddenParent)(popOutOfOverflowHiddenParent), fixPos = _c.fixPos, applyFixedPos = _c.applyFixedPos, removeFixedPos = _c.removeFixedPos, trackerRef = _c.trackerRef;
54
53
  (0, react_1.useEffect)(function () {
55
54
  if (popOutOfOverflowHiddenParent) {
56
55
  if (showOptions)
@@ -59,16 +58,19 @@ exports.OptionsShell = react_1.default.forwardRef(function (_a, ref) {
59
58
  removeFixedPos();
60
59
  }
61
60
  }, [showOptions]);
62
- var selectCompRect = (_c = relativeToRef === null || relativeToRef === void 0 ? void 0 : relativeToRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();
63
61
  return isDesktop ? (react_1.default.createElement(react_1.Fragment, null,
64
62
  popOutOfOverflowHiddenParent && react_1.default.createElement("div", { ref: trackerRef }),
65
- react_1.default.createElement(styled_1.StyledOptionsAnimateWrapper, { invert: invert, isOpen: showOptions, width: (_e = (_d = ref.current) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect()) === null || _e === void 0 ? void 0 : _e.width, openHeight: (_g = (_f = ref.current) === null || _f === void 0 ? void 0 : _f.getBoundingClientRect()) === null || _g === void 0 ? void 0 : _g.height, style: __assign({ zIndex: 100000 }, (fixPos
66
- ? __assign({ position: "fixed", top: "".concat(fixPos.y -
67
- (yOrientation === "top" ? (selectCompRect === null || selectCompRect === void 0 ? void 0 : selectCompRect.height) || 0 : 0), "px"), left: "".concat(fixPos.x, "px") }, (yOrientation === "top"
68
- ? { transform: "translateY(-100%)" }
69
- : {})) : __assign(__assign({ position: "absolute" }, (optionsAnchor ? (_b = {}, _b[optionsAnchor] = 0, _b) : { left: 0 })), (yOrientation === "bottom"
70
- ? { bottom: 0, transform: "translateY(100%)" }
71
- : { top: 0, transform: "translateY(-100%)" })))) },
63
+ react_1.default.createElement(OptionsAnimateWrapper_1.OptionsAnimateWrapper, __assign({}, {
64
+ options: options,
65
+ optionsRef: ref,
66
+ relativeToRef: relativeToRef,
67
+ showOptions: showOptions,
68
+ invert: invert,
69
+ yOrientation: yOrientation,
70
+ fixPos: fixPos,
71
+ optionsAnchor: optionsAnchor,
72
+ children: children,
73
+ }),
72
74
  react_1.default.createElement(styled_1.StyledOptionsWrapper, { id: "StyledOptionsWrapper", ref: ref, invert: invert, lightboxHeight: lightboxHeight,
73
75
  // className={className}
74
76
  style: __assign(__assign({}, (lightboxStyle || {})), { position: "absolute", bottom: yOrientation === "top" ? undefined : 0, top: yOrientation === "top" ? 0 : undefined }) }, children)))) : (react_1.default.createElement(framer_motion_1.AnimatePresence, null, showOptions ? (react_1.default.createElement(ModalLarge_1.ModalLarge, { fitToContentHeight: true, title: optionsModalLabel || label, onClose: handleHideOptions, invert: invert, S: S },
package/dist/icons/custom/index.d.ts CHANGED
@@ -1,61 +1,61 @@
1
- export function IndexIcon({ color, size }: {
1
+ import React from "react";
2
+ export declare const IndexIcon: ({ color, size }: {
2
3
  color?: string;
3
4
  size?: number;
4
- }): React.JSX.Element;
5
- export function MultipleImages(props: any): React.JSX.Element;
6
- export function LanguageIcon({ color, size }: {
5
+ }) => React.JSX.Element;
6
+ export declare const MultipleImages: (props: any) => React.JSX.Element;
7
+ export declare const LanguageIcon: ({ color, size }: {
7
8
  color?: string;
8
9
  size?: number;
9
- }): React.JSX.Element;
10
- export function LetterH({ role, size }: {
10
+ }) => React.JSX.Element;
11
+ export declare const LetterH: ({ role, size }: {
11
12
  role: any;
12
13
  size: any;
13
- }): React.JSX.Element;
14
- export function OkeGoogleIcon(props: any): React.JSX.Element;
15
- export function BadgeAdmin(props: any): React.JSX.Element;
16
- export function BadgeSuperAdmin(props: any): React.JSX.Element;
17
- export function BadgeMod(props: any): React.JSX.Element;
18
- export function BadgeVetted(props: any): React.JSX.Element;
19
- export function IndiaFlag(props: any): React.JSX.Element;
20
- export function NigeriaFlag(props: any): React.JSX.Element;
21
- export function KenyaFlag(props: any): React.JSX.Element;
22
- export function ModalBulbIcon(): React.JSX.Element;
23
- export function Location14(props: any): React.JSX.Element;
24
- export function Person14(props: any): React.JSX.Element;
25
- export function Index(): React.JSX.Element;
26
- export function Download__nofill(props: any): React.JSX.Element;
27
- export function Download(props: any): React.JSX.Element;
28
- export function UploadSM(props: any): React.JSX.Element;
29
- export function AddXS(props: any): React.JSX.Element;
30
- export function EditSM(props: any): React.JSX.Element;
31
- export function Facebook_solid_SM(props: any): React.JSX.Element;
32
- export function Linkedin_solid_SM(props: any): React.JSX.Element;
33
- export function Twitter_solid_SM(props: any): React.JSX.Element;
34
- export function Instagram_solid_SM(props: any): React.JSX.Element;
35
- export function Youtube_solid_SM(props: any): React.JSX.Element;
36
- export function Mail_solid_SM(props: any): React.JSX.Element;
37
- export function Phone_solid_SM(props: any): React.JSX.Element;
38
- export function Website_solid_SM(props: any): React.JSX.Element;
39
- export function KebabMenu(props: any): React.JSX.Element;
40
- export function UploadImage(props: any): React.JSX.Element;
41
- export function Close_S(props: any): React.JSX.Element;
42
- export function SettingsSM(props: any): React.JSX.Element;
43
- export function BoldBtn(props: any): React.JSX.Element;
44
- export function ItalicBtn(props: any): React.JSX.Element;
45
- export function UnderlineBtn(props: any): React.JSX.Element;
46
- export function LinkIcon(props: any): React.JSX.Element;
47
- export function RichFormatToolBlockquote(props: any): React.JSX.Element;
48
- export function RichFormatToolH2(props: any): React.JSX.Element;
49
- export function RichFormatToolUnorderedList(props: any): React.JSX.Element;
50
- export function RichFormatToolOrderedList(props: any): React.JSX.Element;
51
- export function PDFIcon(props: any): React.JSX.Element;
52
- export function Attachment2(props: any): React.JSX.Element;
53
- export function VideoEmbedIcon(props: any): React.JSX.Element;
54
- export function AudioEmbedIcon(props: any): React.JSX.Element;
55
- export function BrazilFlag(props: any): React.JSX.Element;
56
- export function ColombiaFlag(props: any): React.JSX.Element;
57
- export function MalaysiaFlag(props: any): React.JSX.Element;
58
- export function UKFlag(props: any): React.JSX.Element;
59
- export function USAFlag(props: any): React.JSX.Element;
60
- export function IndonesiaFlag(props: any): React.JSX.Element;
61
- import React from "react";
14
+ }) => React.JSX.Element;
15
+ export declare const OkeGoogleIcon: (props: any) => React.JSX.Element;
16
+ export declare const BadgeAdmin: (props: any) => React.JSX.Element;
17
+ export declare const BadgeSuperAdmin: (props: any) => React.JSX.Element;
18
+ export declare const BadgeMod: (props: any) => React.JSX.Element;
19
+ export declare const BadgeVetted: (props: any) => React.JSX.Element;
20
+ export declare const IndiaFlag: (props: any) => React.JSX.Element;
21
+ export declare const NigeriaFlag: (props: any) => React.JSX.Element;
22
+ export declare const KenyaFlag: (props: any) => React.JSX.Element;
23
+ export declare const ModalBulbIcon: () => React.JSX.Element;
24
+ export declare const Location14: (props: any) => React.JSX.Element;
25
+ export declare const Person14: (props: any) => React.JSX.Element;
26
+ export declare const Index: () => React.JSX.Element;
27
+ export declare const Download__nofill: (props: any) => React.JSX.Element;
28
+ export declare const Download: (props: any) => React.JSX.Element;
29
+ export declare const UploadSM: (props: any) => React.JSX.Element;
30
+ export declare const AddXS: (props: any) => React.JSX.Element;
31
+ export declare const EditSM: (props: any) => React.JSX.Element;
32
+ export declare const Facebook_solid_SM: (props: any) => React.JSX.Element;
33
+ export declare const Linkedin_solid_SM: (props: any) => React.JSX.Element;
34
+ export declare const Twitter_solid_SM: (props: any) => React.JSX.Element;
35
+ export declare const Instagram_solid_SM: (props: any) => React.JSX.Element;
36
+ export declare const Youtube_solid_SM: (props: any) => React.JSX.Element;
37
+ export declare const Mail_solid_SM: (props: any) => React.JSX.Element;
38
+ export declare const Phone_solid_SM: (props: any) => React.JSX.Element;
39
+ export declare const Website_solid_SM: (props: any) => React.JSX.Element;
40
+ export declare const KebabMenu: (props: any) => React.JSX.Element;
41
+ export declare const UploadImage: (props: any) => React.JSX.Element;
42
+ export declare const Close_S: (props: any) => React.JSX.Element;
43
+ export declare const SettingsSM: (props: any) => React.JSX.Element;
44
+ export declare const BoldBtn: (props: any) => React.JSX.Element;
45
+ export declare const ItalicBtn: (props: any) => React.JSX.Element;
46
+ export declare const UnderlineBtn: (props: any) => React.JSX.Element;
47
+ export declare const LinkIcon: (props: any) => React.JSX.Element;
48
+ export declare const RichFormatToolBlockquote: (props: any) => React.JSX.Element;
49
+ export declare const RichFormatToolH2: (props: any) => React.JSX.Element;
50
+ export declare const RichFormatToolUnorderedList: (props: any) => React.JSX.Element;
51
+ export declare const RichFormatToolOrderedList: (props: any) => React.JSX.Element;
52
+ export declare const PDFIcon: (props: any) => React.JSX.Element;
53
+ export declare const Attachment2: (props: any) => React.JSX.Element;
54
+ export declare const VideoEmbedIcon: (props: any) => React.JSX.Element;
55
+ export declare const AudioEmbedIcon: (props: any) => React.JSX.Element;
56
+ export declare const BrazilFlag: (props: any) => React.JSX.Element;
57
+ export declare const ColombiaFlag: (props: any) => React.JSX.Element;
58
+ export declare const MalaysiaFlag: (props: any) => React.JSX.Element;
59
+ export declare const UKFlag: (props: any) => React.JSX.Element;
60
+ export declare const USAFlag: (props: any) => React.JSX.Element;
61
+ export declare const IndonesiaFlag: (props: any) => React.JSX.Element;
package/dist/icons/custom/index.js CHANGED
@@ -19,7 +19,7 @@ exports.IndonesiaFlag = void 0;
19
19
  var react_1 = __importDefault(require("react"));
20
20
  var themes_1 = require("../../themes");
21
21
  var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
22
- var yellow = themes_1.colors.yellow, greyColor100 = themes_1.colors.greyColor100;
22
+ var yellow = themes_1.colors.yellow, greyColor100 = themes_1.colors.greyColor100, primaryColor100 = themes_1.colors.primaryColor100, white = themes_1.colors.white, black = themes_1.colors.black;
23
23
  var IndexIcon = function (_a) {
24
24
  var _b = _a.color, color = _b === void 0 ? greyColor100 : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
25
25
  return (react_1.default.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -312,11 +312,11 @@ var RichFormatToolUnorderedList = function (props) {
312
312
  exports.RichFormatToolUnorderedList = RichFormatToolUnorderedList;
313
313
  var RichFormatToolOrderedList = function (props) {
314
314
  return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
315
- react_1.default.createElement("g", { clipPath: "url(#prefix__clip0__".concat(id, ")") },
315
+ react_1.default.createElement("g", { clipPath: "url(#prefix__clip0__".concat(props.id, ")") },
316
316
  react_1.default.createElement("path", { d: "M9.217 12.356H21.79M9.217 5.785H21.79M9.217 18.927H21.79", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round" }),
317
317
  react_1.default.createElement("path", { d: "M4.302 7h-.906V4.522c0-.104.002-.24.006-.408.008-.168.014-.316.018-.444a5.47 5.47 0 01-.312.294l-.492.396-.438-.546 1.38-1.098h.744V7zM5.058 14H2.064v-.63l1.074-1.086c.216-.224.39-.41.522-.558.132-.152.228-.288.288-.408a.897.897 0 00.09-.396c0-.172-.048-.3-.144-.384a.54.54 0 00-.378-.126c-.164 0-.324.038-.48.114a2.59 2.59 0 00-.492.324l-.492-.582c.124-.108.254-.208.39-.3.14-.092.3-.166.48-.222.184-.06.404-.09.66-.09.28 0 .52.052.72.156a1.102 1.102 0 01.636 1.002c0 .236-.048.452-.144.648-.092.196-.228.39-.408.582-.176.192-.39.404-.642.636l-.552.516v.042h1.866V14zM4.89 17.676c0 .296-.09.532-.27.708a1.366 1.366 0 01-.654.36v.018c.344.04.604.144.78.312.18.168.27.394.27.678 0 .248-.062.472-.186.672-.12.196-.308.352-.564.468-.252.112-.578.168-.978.168-.464 0-.876-.078-1.236-.234v-.768a2.685 2.685 0 001.14.282c.324 0 .55-.056.678-.168.132-.112.198-.27.198-.474 0-.12-.03-.22-.09-.3-.06-.084-.166-.146-.318-.186a2.295 2.295 0 00-.624-.066h-.324v-.696h.33c.264 0 .464-.024.6-.072.14-.052.234-.12.282-.204a.578.578 0 00.078-.3.445.445 0 00-.144-.354c-.092-.088-.248-.132-.468-.132-.204 0-.382.036-.534.108a2.934 2.934 0 00-.378.204l-.42-.624c.168-.12.364-.22.588-.3.228-.08.498-.12.81-.12.44 0 .788.09 1.044.27.26.176.39.426.39.75z", fill: "#fff" })),
318
318
  react_1.default.createElement("defs", null,
319
- react_1.default.createElement("clipPath", { id: "prefix__clip0__".concat(id) },
319
+ react_1.default.createElement("clipPath", { id: "prefix__clip0__".concat(props.id) },
320
320
  react_1.default.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
321
321
  };
322
322
  exports.RichFormatToolOrderedList = RichFormatToolOrderedList;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.70.0",
3
+ "version": "2.70.2",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",