@zohodesk/svg 1.0.0-temp.56 → 1.0.0-temp.58

package/README.md

@@ -1,285 +1,347 @@
-# DOT SVG
-
-This Bundle Contains EmptyState Images.
-
-# 1.1.8
-
-- v1 props added separatly and v1 docs and file references changed
-
-# 1.1.7
-
-- v1 => EmptyConfigurationPending svg added.
-
-- **v1/Loader** - isCover, className props added
-
-# 1.1.6
-
-- color-variable-preprocessor version issue solved
-
-# 1.1.5
-
-- @zohodesk-private/color-variable-preprocessor version upgrade
-
-# 1.1.4
-
-- v1 => EmptyCrmPotential,ErrorUnauthorizedLogin,ErrorUnauthorizedLogin import issue fixed
-
-# 1.1.3
-
-- DKIMAuthendication SVG added in v1 folder.
-
-# 1.1.2
-
-- SupportEmailAddress, FromAddress, DomainMapping, OtherConfiguration, Alerts, FieldUpdates SVG's added in v1 folder.
-
-# 1.1.1
-
-- all svgs converted to functional component and stored in v1 folder
-
-# 1.1.0
-
-- Internal color-variable-preprocessor package implemented
-
-# 1.0.0
-
-- beta release removed and version changed to normal flow
-
-# 1.0.0-beta.60
-
-- EmptyState: EmptySandbox SVG added.
-
-# 1.0.0-beta.59
-
-- data-test-id attribute added for all element which having data-id attribute to separate customization and automation
-
-# 1.0.0-beta.58
-
-- EmptyState: APIConfiguration, APIAuthentication and ZSCKey SVG added
-
-# 1.0.0-beta.57
-
-- EmptyState: CustomerHappiness SVG added.
-
-# 1.0.0-beta.56
-
-- Contrast Color Implemented
-
-# 1.0.0-beta.55
-
-- EmptyState: AuthenticationPending SVG added.
-
-# 1.0.0-beta.54
-
-- EmptyState: BOT SVG added.
-
-# 1.0.0-beta.53
-
-- EmptyState: APIs SVG added.
-
-# 1.0.0-beta.52
-
-- EmptyState: Contract SVG added.
-
-# 1.0.0-beta.51
-
-- Emptystate: EmptyPreferences and EmptySandbox included.
-
-# 1.0.0-beta.50
-
-- Emptystate: EmptyApplechat, EmptyArticle, Asapchat, EpmtyCanned, EmptyChat, EmptyInstagram, EmptyInstantmessage, EmptyLine, EmptyMessenger, EmptyTelegram, EmptyTwilio, EmptyWechat, EmptyWhatsapp, EmptyNoData, AuditLog, SupportPlan included.
-
-# 1.0.0-beta.48,49
-
-- errorstate, emptystate files separated , EmptyCrm dataId changed to EmptyCrm from EmptyFeed
-
-# 1.0.0-beta.47
-
-- PureDark mode implemented via preprocess
-
-# 1.0.0-beta.46
-
-- CustomModule SVG added
-
-# 1.0.0-beta.45
-
-- Delete, GCBot, GCConversation, KBBot, NetworkError, Variable & ReadRecipients SVG added
-
-# 1.0.0-beta.44
-
-- UnauthorizedLogin error state SVG replacement
-
-# 1.0.0-beta.43
-
-- Export & Multilingual SVG added
-
-# 1.0.0-beta.42
-
-- Extensions SVG added
-
-# 1.0.0-beta.39 , # 1.0.0-beta.40, # 1.0.0-beta.41
-
-- Appearance css moved to assets
-
-# 1.0.0-beta.38
-
-- bg,shadow,text,border based variables removed and renamed.
-
-# 1.0.0-beta.37
-
-- Loader => Converted to Pure Component
-
-# 1.0.0-beta.36
-
-- Night mode SVG CTA primary stroke color value changed
-
-# 1.0.0-beta.35
-
-- EmptyError added
-
-# 1.0.0-beta.34
-
-- Import, ErrorInconvenience, ErrorOopsSomethingMiss, ErrorUnableToProcessRequest, ErrorUnauthorizedLogin, ErrorUrlNotFound, ErrorWillBeRightBack Svg added
-- Docs Ui Fix
-- Theme Files Import Separated
-- Theme color values updated
-- EmptyInconvenience => Svg Image Changed as Old Svg
-- Inconvenience removed
-- EmptyPageNotFound, EmptyUnableToProcess, EmptyUrlFound, InvalidUrl moved to deprecated
-
-# 1.0.0-beta.33
-
-- Palette Based Folder Structure Changed.
-- data-theme changed to data-mode
-- data-palette changed to data-theme
-
-# 1.0.0-beta.32
-
-- Palette Based Color System Implemented
-
-# 1.0.0-beta.31
-
-- EmptyDeparment Added
-- Predictor, ZiaAnamoly, Extractor added
-
-# 1.0.0-beta.30
-
-- EmptySkills Image Updated
-
-# 1.0.0-beta.29
-
-- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess added
-
-# 1.0.0-beta.28
-
-- EmptyAgentQueue added
-
-# 1.0.0-beta.27
-
-- EmptySla,EmptyContract,EmptyReply Added
-
-# 1.0.0-beta.26
-
-- Loader => Layout issue Fixed
-
-# 1.0.0-beta.25
-
-- TemplateIcon SVG fix
-
-# 1.0.0-beta.24
-
-- Loader Svg converted to js
-
-# 1.0.0-beta.23
-
-- EmptyState.module.css file name changed as EmptyStateVariables.module.css to avoid dup file name
-
-# 1.0.0-beta.22
-
-- Theme changes added in EmptyBlueprint,EmptyTemplate
-- EmptyCloud,EmptyCloudDanger,EmptyEdition Deleted
-- danger palatte added in EmptyFrame
-
-# 1.0.0-beta.21
-
-- Dark Mode Variable Introduced
-
-# 1.0.0-beta.19
-
-- Cli Update
-
-# 1.0.0-beta.18
-
-- EmptyCollision, EmptyCrmNotes, EmptyCrmPotential, EmptyTimeline
-
-# 1.0.0-beta.17
-
-- EmptyApproval Added
-- EmptyHistory Updated
-
-# 1.0.0-beta.16
-
-- EmptySchedule , EmptyColumn added
-
-# 1.0.0-beta.15
-
-- DefaultProps Fix
-
-# 1.0.0-beta.14
-
-- EmptyFrame Added
-
-# 1.0.0-beta.13
-
-- svgLoader Removed
-
-# 1.0.0-beta.12
-
-- Loads both dark mode image and ordinary image in the component.
-
-# 1.0.0-beta.11
-
-- SvgLoader function - replaced dynamic variable with static path. This is check version.
-
-# 1.0.0-beta.10
-
-- SvgLoader function fix - previous fix not worked - removing promises and using synchronous loading.
-
-# 1.0.0-beta.9
-
-- SvgLoader Function fix - replacing "import" with "require"
-
-# 1.0.0-beta.8
-
-- emptyDashboard issue fix
-
-# 1.0.0-beta.7
-
--EmptyCrm,EmptyFollower,EmptyFeed, EmptyCustomDomain and Night Mode Svgs Added, Dynamic Loader Added
-
-# 1.0.0-beta.6
-
-- wasted
-
-# 1.0.0-beta.5
-
-- dataId Added, EmtyDanger SVG updated
-
-# 1.0.0-beta.5
-
-- SVG Loader Middle Fix
-
-# 1.0.0-beta.4
-
-- EmptySnippet, EmptySkills Added
-
-# 1.0.0-beta.3
-
-- ErrorStates isFluid Prop Included
-
-# 1.0.0-beta.2
-
-- Empty History SVG Added
-
-# 1.0.0-beta.0
-
-- First Publish
+# DOT SVG
+
+This Bundle Contains EmptyState Images.
+
+# 1.1.23
+
+- v1 => EmptyStarredReports, EmptyStarredDashboards svg added.
+
+# 1.1.22
+
+- v1 => RebrandingLogo svg updated and SuccessDomain svg added.
+
+# 1.1.21
+
+- v1 => EmptyAPIs svg updated
+
+# 1.1.20
+
+- v1 => RebrandingLogo, PortalName and BulkActionLog svg's added.
+
+# 1.1.19
+
+- SvgLoader Old Function Moved to Deprecated Folder
+- SvgLoader => Inline css animation moved to external css file. (the issue of inline CSS animations affecting performance in Firefox has been resolved.)
+
+# 1.1.18
+
+- v1 => EmptySync svg updated.
+- v1 => PureDark mode opacity color value changed for Blue theme
+
+# 1.1.17
+
+- v1 => EmptyRecycleBin svg added, EmptyDolphin renamed into EmptyPenguin.
+
+# 1.1.16
+
+- v1 => EmptyDolphin svg added.
+
+# 1.1.15
+
+- v1 => EmailFailure, Integrations, Company svg added and DataSharing svg updated.
+
+# 1.1.14
+
+- v1 => EmptyAI svg added.
+
+# 1.1.13
+
+- v1 => MyInformation, DataSharing, HolidayLists, Business Hours and CustomButton svg added.
+
+# 1.1.12
+
+- v1 => EmptyTrophy svg added.
+
+# 1.1.11
+
+- v1 => EmptyFieldSearch svg added.
+
+# 1.1.10
+
+- v1 => EmptyAPIMatrix svg added, EmptySandBox svg updated.
+
+# 1.1.9
+
+- v1 => EmptySandBox svg updated
+
+# 1.1.8
+
+- v1 props added separatly and v1 docs and file references changed
+
+# 1.1.7
+
+- v1 => EmptyConfigurationPending svg added.
+
+- **v1/Loader** - isCover, className props added
+
+# 1.1.6
+
+- color-variable-preprocessor version issue solved
+
+# 1.1.5
+
+- @zohodesk-private/color-variable-preprocessor version upgrade
+
+# 1.1.4
+
+- v1 => EmptyCrmPotential,ErrorUnauthorizedLogin,ErrorUnauthorizedLogin import issue fixed
+
+# 1.1.3
+
+- DKIMAuthendication SVG added in v1 folder.
+
+# 1.1.2
+
+- SupportEmailAddress, FromAddress, DomainMapping, OtherConfiguration, Alerts, FieldUpdates SVG's added in v1 folder.
+
+# 1.1.1
+
+- all svgs converted to functional component and stored in v1 folder
+
+# 1.1.0
+
+- Internal color-variable-preprocessor package implemented
+
+# 1.0.0
+
+- beta release removed and version changed to normal flow
+
+# 1.0.0-beta.60
+
+- EmptyState: EmptySandbox SVG added.
+
+# 1.0.0-beta.59
+
+- data-test-id attribute added for all element which having data-id attribute to separate customization and automation
+
+# 1.0.0-beta.58
+
+- EmptyState: APIConfiguration, APIAuthentication and ZSCKey SVG added
+
+# 1.0.0-beta.57
+
+- EmptyState: CustomerHappiness SVG added.
+
+# 1.0.0-beta.56
+
+- Contrast Color Implemented
+
+# 1.0.0-beta.55
+
+- EmptyState: AuthenticationPending SVG added.
+
+# 1.0.0-beta.54
+
+- EmptyState: BOT SVG added.
+
+# 1.0.0-beta.53
+
+- EmptyState: APIs SVG added.
+
+# 1.0.0-beta.52
+
+- EmptyState: Contract SVG added.
+
+# 1.0.0-beta.51
+
+- Emptystate: EmptyPreferences and EmptySandbox included.
+
+# 1.0.0-beta.50
+
+- Emptystate: EmptyApplechat, EmptyArticle, Asapchat, EpmtyCanned, EmptyChat, EmptyInstagram, EmptyInstantmessage, EmptyLine, EmptyMessenger, EmptyTelegram, EmptyTwilio, EmptyWechat, EmptyWhatsapp, EmptyNoData, AuditLog, SupportPlan included.
+
+# 1.0.0-beta.48,49
+
+- errorstate, emptystate files separated , EmptyCrm dataId changed to EmptyCrm from EmptyFeed
+
+# 1.0.0-beta.47
+
+- PureDark mode implemented via preprocess
+
+# 1.0.0-beta.46
+
+- CustomModule SVG added
+
+# 1.0.0-beta.45
+
+- Delete, GCBot, GCConversation, KBBot, NetworkError, Variable & ReadRecipients SVG added
+
+# 1.0.0-beta.44
+
+- UnauthorizedLogin error state SVG replacement
+
+# 1.0.0-beta.43
+
+- Export & Multilingual SVG added
+
+# 1.0.0-beta.42
+
+- Extensions SVG added
+
+# 1.0.0-beta.39 , # 1.0.0-beta.40, # 1.0.0-beta.41
+
+- Appearance css moved to assets
+
+# 1.0.0-beta.38
+
+- bg,shadow,text,border based variables removed and renamed.
+
+# 1.0.0-beta.37
+
+- Loader => Converted to Pure Component
+
+# 1.0.0-beta.36
+
+- Night mode SVG CTA primary stroke color value changed
+
+# 1.0.0-beta.35
+
+- EmptyError added
+
+# 1.0.0-beta.34
+
+- Import, ErrorInconvenience, ErrorOopsSomethingMiss, ErrorUnableToProcessRequest, ErrorUnauthorizedLogin, ErrorUrlNotFound, ErrorWillBeRightBack Svg added
+- Docs Ui Fix
+- Theme Files Import Separated
+- Theme color values updated
+- EmptyInconvenience => Svg Image Changed as Old Svg
+- Inconvenience removed
+- EmptyPageNotFound, EmptyUnableToProcess, EmptyUrlFound, InvalidUrl moved to deprecated
+
+# 1.0.0-beta.33
+
+- Palette Based Folder Structure Changed.
+- data-theme changed to data-mode
+- data-palette changed to data-theme
+
+# 1.0.0-beta.32
+
+- Palette Based Color System Implemented
+
+# 1.0.0-beta.31
+
+- EmptyDeparment Added
+- Predictor, ZiaAnamoly, Extractor added
+
+# 1.0.0-beta.30
+
+- EmptySkills Image Updated
+
+# 1.0.0-beta.29
+
+- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess added
+
+# 1.0.0-beta.28
+
+- EmptyAgentQueue added
+
+# 1.0.0-beta.27
+
+- EmptySla,EmptyContract,EmptyReply Added
+
+# 1.0.0-beta.26
+
+- Loader => Layout issue Fixed
+
+# 1.0.0-beta.25
+
+- TemplateIcon SVG fix
+
+# 1.0.0-beta.24
+
+- Loader Svg converted to js
+
+# 1.0.0-beta.23
+
+- EmptyState.module.css file name changed as EmptyStateVariables.module.css to avoid dup file name
+
+# 1.0.0-beta.22
+
+- Theme changes added in EmptyBlueprint,EmptyTemplate
+- EmptyCloud,EmptyCloudDanger,EmptyEdition Deleted
+- danger palatte added in EmptyFrame
+
+# 1.0.0-beta.21
+
+- Dark Mode Variable Introduced
+
+# 1.0.0-beta.19
+
+- Cli Update
+
+# 1.0.0-beta.18
+
+- EmptyCollision, EmptyCrmNotes, EmptyCrmPotential, EmptyTimeline
+
+# 1.0.0-beta.17
+
+- EmptyApproval Added
+- EmptyHistory Updated
+
+# 1.0.0-beta.16
+
+- EmptySchedule , EmptyColumn added
+
+# 1.0.0-beta.15
+
+- DefaultProps Fix
+
+# 1.0.0-beta.14
+
+- EmptyFrame Added
+
+# 1.0.0-beta.13
+
+- svgLoader Removed
+
+# 1.0.0-beta.12
+
+- Loads both dark mode image and ordinary image in the component.
+
+# 1.0.0-beta.11
+
+- SvgLoader function - replaced dynamic variable with static path. This is check version.
+
+# 1.0.0-beta.10
+
+- SvgLoader function fix - previous fix not worked - removing promises and using synchronous loading.
+
+# 1.0.0-beta.9
+
+- SvgLoader Function fix - replacing "import" with "require"
+
+# 1.0.0-beta.8
+
+- emptyDashboard issue fix
+
+# 1.0.0-beta.7
+
+-EmptyCrm,EmptyFollower,EmptyFeed, EmptyCustomDomain and Night Mode Svgs Added, Dynamic Loader Added
+
+# 1.0.0-beta.6
+
+- wasted
+
+# 1.0.0-beta.5
+
+- dataId Added, EmtyDanger SVG updated
+
+# 1.0.0-beta.5
+
+- SVG Loader Middle Fix
+
+# 1.0.0-beta.4
+
+- EmptySnippet, EmptySkills Added
+
+# 1.0.0-beta.3
+
+- ErrorStates isFluid Prop Included
+
+# 1.0.0-beta.2
+
+- Empty History SVG Added
+
+# 1.0.0-beta.0
+
+- First Publish

package/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css

@@ -1,7 +1,7 @@
 [data-mode='dark'][data-theme='blue'] {
 	--zdt_svgcta_primary_fill: rgb(130,137,148);
 	--zdt_svgcta_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_svgcta_secondary_fill: rgb(71, 157, 255, 0.25);
+	--zdt_svgcta_secondary_fill: rgba(71, 157, 255, 0.25);
 	--zdt_svgcta_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_svgcta_primary_dark_fill: hsla(217, 7.76%, calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));

package/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css

@@ -1,7 +1,7 @@
 [data-mode='pureDark'][data-theme='blue'] {
 	--zdt_svgcta_primary_fill: rgb(130,137,148);
 	--zdt_svgcta_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_svgcta_secondary_fill: rgb(51,75,104);
+	--zdt_svgcta_secondary_fill: rgb(71, 157, 255, 0.25);
 	--zdt_svgcta_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_svgcta_primary_dark_fill: hsla(217, 7.76%, calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));

package/deprecated/13_sep_2024/SvgLoader.js

@@ -0,0 +1,26 @@
+import React, { useEffect, useState } from 'react';
+
+export default function SvgLoader(props) {
+  let uiProps = {};
+  Object.keys(props)
+    .filter((prop) => prop != 'imageUrl')
+    .map((prop) => {
+      uiProps[prop] = props[prop];
+    });
+  let image = require(`./images/${props.imageUrl}`);
+  return <image xlinkHref={image} {...uiProps} />;
+}
+
+export function StaticSvg(props) {
+  let uiProps = {},
+    [image, setImage] = useState(null);
+  Object.keys(props)
+    .filter((prop) => prop != 'getImage')
+    .map((prop) => {
+      uiProps[prop] = props[prop];
+    });
+  useEffect(() => {
+    props.getImage().then((image) => setImage(image));
+  }, [props.getImage]);
+  return image ? <image xlinkHref={image.default} {...uiProps} /> : null;
+}