oolib 2.70.1 → 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 (6) 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/icons/custom/index.d.ts +55 -55
  5. package/dist/icons/custom/index.js +3 -3
  6. 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/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.1",
3
+ "version": "2.70.2",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",