luna-one 3.1.594 → 3.1.596

package/dist/luna/components/LanguageSelector/LanguageSelectorDocumentation.mdx

@@ -1,120 +1,120 @@
-#### Language Selector
-
-###### Props -
-
-- `labels` - object containing component labels.
-	- `region` - string of region section title.
-	- `language` - string of language section title.
-	- `buttons` - object containing buttons labels.
-		- `ok` - string of confirm button.
-  	- `cancel` - string of cancel button.
-- `settings` - object containing region and language site settings.
-	- `region` - string to indicate the site region name.
-	- `language` - object containing the site language names.
-		- `nativeField` - string to indicate the language in its native language, untranslatable, i.e. Deutsch.
-		- `translatableName` - string to indicate the language in english, i.e. German.
-  	- `code` - string of the language site code.
-- `languages` - array of objects, each with `nativeField`, `translatableName` and `code` as strings to represent the language attributes.
-- `regions` - array of strings, each to represent the regions name.
-- `languageSelectorDeployed` - boolean used to indicate if the language selector component is deployed.
-- `handleLanguageSelectorDeployed` - method used to show/hide the language selector component.
-- `saveLanguage` - method used to save the new language configuration selected.
-
-###### Example -
-
-```
-const labels = {
-  region: 'REGION',
-  language: 'LANGUAGE',
-  buttons: {
-    ok: 'OK',
-    cancel: 'Cancel',
-  }
-};
-
-const settings = {
-  region: 'Global',
-  language: {
-    nativeField: 'English',
-    translatableName: '',
-    code: 'en-US',
-  },
-};
-
-const regions = ['Europe', 'Middle East', 'North America'];
-
-const languages = [
-  {
-    nativeField: 'Deutsch',
-    translatableName: 'German',
-    code: 'de',
-  },
-  {
-    nativeField: 'English',
-    translatableName: '',
-    code: 'en-US',
-  },
-  {
-    nativeField: 'Español',
-    translatableName: 'Spanish',
-    code: 'es',
-  },
-  {
-    nativeField: 'Français',
-    translatableName: 'French',
-    code: 'fr',
-  },
-  {
-    nativeField: 'Português',
-    translatableName: 'Portuguese',
-    code: 'pt',
-  },
-  {
-    nativeField: 'Русский',
-    translatableName: 'Russian',
-    code: 'ru-RU',
-  },
-  {
-    nativeField: '한국어',
-    translatableName: 'Korean',
-    code: 'ko-KR',
-  },
-  {
-    nativeField: '简体中文',
-    translatableName: 'Mandarin Chinese',
-    code: 'zh',
-  },
-  {
-    nativeField: '普通话',
-    translatableName: '',
-    code: 'zh-Hant-TW',
-  },
-  {
-    nativeField: '日本語',
-    translatableName: 'Japanese',
-    code: 'ja-JP',
-  }
-];
-
-const [languageSelectorDeployed, setLanguageSelectorDeployed] = useState(false);
-
-const handleLanguageSelectorDeployed = () => {
-  setLanguageSelectorDeployed(!languageSelectorDeployed);
-};
-
-const saveLanguage = () => {
-  // save language implementation here
-}
-
-return (
-	  <LanguageSelector
-      labels={labels}
-      settings={settings}
-      languages={languages}
-      regions={regions}
-      languageSelectorDeployed={languageSelectorDeployed}
-      saveLanguage={saveLanguage}
-      handleLanguageSelectorDeployed={handleLanguageSelectorDeployed}
-    />
-);
+#### Language Selector
+
+###### Props -
+
+- `labels` - object containing component labels.
+	- `region` - string of region section title.
+	- `language` - string of language section title.
+	- `buttons` - object containing buttons labels.
+		- `ok` - string of confirm button.
+  	- `cancel` - string of cancel button.
+- `settings` - object containing region and language site settings.
+	- `region` - string to indicate the site region name.
+	- `language` - object containing the site language names.
+		- `nativeField` - string to indicate the language in its native language, untranslatable, i.e. Deutsch.
+		- `translatableName` - string to indicate the language in english, i.e. German.
+  	- `code` - string of the language site code.
+- `languages` - array of objects, each with `nativeField`, `translatableName` and `code` as strings to represent the language attributes.
+- `regions` - array of strings, each to represent the regions name.
+- `languageSelectorDeployed` - boolean used to indicate if the language selector component is deployed.
+- `handleLanguageSelectorDeployed` - method used to show/hide the language selector component.
+- `saveLanguage` - method used to save the new language configuration selected.
+
+###### Example -
+
+```
+const labels = {
+  region: 'REGION',
+  language: 'LANGUAGE',
+  buttons: {
+    ok: 'OK',
+    cancel: 'Cancel',
+  }
+};
+
+const settings = {
+  region: 'Global',
+  language: {
+    nativeField: 'English',
+    translatableName: '',
+    code: 'en-US',
+  },
+};
+
+const regions = ['Europe', 'Middle East', 'North America'];
+
+const languages = [
+  {
+    nativeField: 'Deutsch',
+    translatableName: 'German',
+    code: 'de',
+  },
+  {
+    nativeField: 'English',
+    translatableName: '',
+    code: 'en-US',
+  },
+  {
+    nativeField: 'Español',
+    translatableName: 'Spanish',
+    code: 'es',
+  },
+  {
+    nativeField: 'Français',
+    translatableName: 'French',
+    code: 'fr',
+  },
+  {
+    nativeField: 'Português',
+    translatableName: 'Portuguese',
+    code: 'pt',
+  },
+  {
+    nativeField: 'Русский',
+    translatableName: 'Russian',
+    code: 'ru-RU',
+  },
+  {
+    nativeField: '한국어',
+    translatableName: 'Korean',
+    code: 'ko-KR',
+  },
+  {
+    nativeField: '简体中文',
+    translatableName: 'Mandarin Chinese',
+    code: 'zh',
+  },
+  {
+    nativeField: '普通话',
+    translatableName: '',
+    code: 'zh-Hant-TW',
+  },
+  {
+    nativeField: '日本語',
+    translatableName: 'Japanese',
+    code: 'ja-JP',
+  }
+];
+
+const [languageSelectorDeployed, setLanguageSelectorDeployed] = useState(false);
+
+const handleLanguageSelectorDeployed = () => {
+  setLanguageSelectorDeployed(!languageSelectorDeployed);
+};
+
+const saveLanguage = () => {
+  // save language implementation here
+}
+
+return (
+	  <LanguageSelector
+      labels={labels}
+      settings={settings}
+      languages={languages}
+      regions={regions}
+      languageSelectorDeployed={languageSelectorDeployed}
+      saveLanguage={saveLanguage}
+      handleLanguageSelectorDeployed={handleLanguageSelectorDeployed}
+    />
+);
 ```

package/dist/luna/components/LinkList/LinkList.scss

@@ -1,60 +1,60 @@
-@import "../../../global-styles/terra.scss";
-
-.luna-link {
-  z-index: -1;
-  padding-bottom: 32px;
-  width: auto;
-
-  @media screen and (max-width: $breakpoint-xxs) {
-    max-width: 249px;
-  }
-
-  &__link {
-    text-decoration: none;
-    color: $trimble-dark-gray;
-    font-size: $body-font-size;
-    border-bottom: 2px solid $trimble-gold;
-    font-weight: 450;
-    line-height: 24px;
-    letter-spacing: 0.16px;
-
-    @media screen and (max-width: $breakpoint-xxs) {
-      font-size: 15px;
-      line-height: 23px;
-
-    }
-  }
-
-  &__dark-theme-link:hover {
-    border-bottom: 2px solid $dark-theme-link-list-underscore !important;
-  }
-
-  &__link:hover,
-  &__link:active,
-  &__link:focus {
-    text-decoration: none !important;
-    border-bottom: 2px solid $trimble-blue;
-    font-weight: 450;
-  }
-
-  &__icon, &__icon-diagnol {
-    height: 16px;
-    width: 16px;
-    display: inline-block;
-    position: relative;
-    left: 12px;
-    top: 5px;
-  }
-}
-
-.luna-link-list.true {
-  visibility: hidden !important;
-}
-
-.luna-link-list {
-  visibility: visible !important;
-}
-
-.luna-link-list {
-  z-index: -100;
+@import "../../../global-styles/terra.scss";
+
+.luna-link {
+  z-index: -1;
+  padding-bottom: 32px;
+  width: auto;
+
+  @media screen and (max-width: $breakpoint-xxs) {
+    max-width: 249px;
+  }
+
+  &__link {
+    text-decoration: none;
+    color: $trimble-dark-gray;
+    font-size: $body-font-size;
+    border-bottom: 2px solid $trimble-gold;
+    font-weight: 450;
+    line-height: 24px;
+    letter-spacing: 0.16px;
+
+    @media screen and (max-width: $breakpoint-xxs) {
+      font-size: 15px;
+      line-height: 23px;
+
+    }
+  }
+
+  &__dark-theme-link:hover {
+    border-bottom: 2px solid $dark-theme-link-list-underscore !important;
+  }
+
+  &__link:hover,
+  &__link:active,
+  &__link:focus {
+    text-decoration: none !important;
+    border-bottom: 2px solid $trimble-blue;
+    font-weight: 450;
+  }
+
+  &__icon, &__icon-diagnol {
+    height: 16px;
+    width: 16px;
+    display: inline-block;
+    position: relative;
+    left: 12px;
+    top: 5px;
+  }
+}
+
+.luna-link-list.true {
+  visibility: hidden !important;
+}
+
+.luna-link-list {
+  visibility: visible !important;
+}
+
+.luna-link-list {
+  z-index: -100;
 }

package/dist/luna/components/LinkList/LinkListDocumentation.mdx

@@ -1,54 +1,54 @@
-#### LinkList
-
-###### Props -
-
-- `links` - array of objects, each with `LinkText`, `destination`, `external`, and `icon` as strings to represent the icon text items. Optional to pass in "Link" for Gatsby's Link.
-  - `external` is a boolean to indicate the destination is an external link
-  - `icon` is a boolean to indiciate if an icon should render. Icons are
-- `theme` - object with `backgroundColor` and `color` as strings to represent hex value for background color.
-- `paddingClass` - string to generate a custom class to pass into the outermost div of the component.
-
-###### Example -
-
-```
-const theme = {
-  color: "#252A2E",
-  backgroundColor: "#ffffff",
-};
-
-
-const links = [
-  {
-    linkText: "Lorem ipsum dolor sit amet",
-    destination: "/",
-    icon: true,
-  },
-  {
-    linkText:
-      "Lorem ipsum dolor sit amet a orci tincidunt lectus semper morbi sit quis leo",
-    destination: "/",
-    icon: false,
-  },
-  {
-    linkText: "Lorem ipsum dolor sit amet",
-    destination: "https://trimble.com",
-    external: true,
-    icon: true,
-  },
-  {
-    linkText:
-      "Lorem ipsum dolor sit amet a orci tincidunt lectus semper morbi sit quis leo",
-    destination: "/",
-    icon: false,
-  },
-];
-
-
-return (
-    <LinkList
-      links={links}
-      theme={light}
-      paddingClass="custom-class"
-    />
-);
-```
+#### LinkList
+
+###### Props -
+
+- `links` - array of objects, each with `LinkText`, `destination`, `external`, and `icon` as strings to represent the icon text items. Optional to pass in "Link" for Gatsby's Link.
+  - `external` is a boolean to indicate the destination is an external link
+  - `icon` is a boolean to indiciate if an icon should render. Icons are
+- `theme` - object with `backgroundColor` and `color` as strings to represent hex value for background color.
+- `paddingClass` - string to generate a custom class to pass into the outermost div of the component.
+
+###### Example -
+
+```
+const theme = {
+  color: "#252A2E",
+  backgroundColor: "#ffffff",
+};
+
+
+const links = [
+  {
+    linkText: "Lorem ipsum dolor sit amet",
+    destination: "/",
+    icon: true,
+  },
+  {
+    linkText:
+      "Lorem ipsum dolor sit amet a orci tincidunt lectus semper morbi sit quis leo",
+    destination: "/",
+    icon: false,
+  },
+  {
+    linkText: "Lorem ipsum dolor sit amet",
+    destination: "https://trimble.com",
+    external: true,
+    icon: true,
+  },
+  {
+    linkText:
+      "Lorem ipsum dolor sit amet a orci tincidunt lectus semper morbi sit quis leo",
+    destination: "/",
+    icon: false,
+  },
+];
+
+
+return (
+    <LinkList
+      links={links}
+      theme={light}
+      paddingClass="custom-class"
+    />
+);
+```

package/dist/luna/components/LoadingSpinner/LoadingSpinner.scss

@@ -1,34 +1,34 @@
-@import "../../../global-styles/terra.scss";
-
-.luna-loading {
-  width: fit-content;
-  &__spinner {
-    margin: 0 auto;
-    border: 5px solid transparent;
-    border-radius: 50%;
-    border-top: 5px solid $trimble-blue;
-    border-left: 5px solid $trimble-blue;
-    border-right: 5px solid $trimble-blue;
-    width: 64px;
-    height: 64px;
-    -webkit-animation: spin-clockwise .75s linear infinite;
-    animation: spin-clockwise .75s linear infinite;
-  }
-  &__text {
-    margin-top: 20px;
-    text-align: center;
-    color: $trimble-blue;
-    font-size: 16px;
-    font-weight: 700;
-  }
-}
-
-@-webkit-keyframes spin-clockwise {
-  0% { -webkit-transform: rotate(0deg); }
-  100% { -webkit-transform: rotate(360deg); }
-}
-
-@keyframes spin-clockwise {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
+@import "../../../global-styles/terra.scss";
+
+.luna-loading {
+  width: fit-content;
+  &__spinner {
+    margin: 0 auto;
+    border: 5px solid transparent;
+    border-radius: 50%;
+    border-top: 5px solid $trimble-blue;
+    border-left: 5px solid $trimble-blue;
+    border-right: 5px solid $trimble-blue;
+    width: 64px;
+    height: 64px;
+    -webkit-animation: spin-clockwise .75s linear infinite;
+    animation: spin-clockwise .75s linear infinite;
+  }
+  &__text {
+    margin-top: 20px;
+    text-align: center;
+    color: $trimble-blue;
+    font-size: 16px;
+    font-weight: 700;
+  }
+}
+
+@-webkit-keyframes spin-clockwise {
+  0% { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin-clockwise {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}

package/dist/luna/components/Login/Login.js

@@ -13,7 +13,6 @@ var _downArrow = _interopRequireDefault(require("../../images/downArrow.svg"));
 var _upArrow = _interopRequireDefault(require("../../images/up-arrow.svg"));
 var _userProfile = _interopRequireDefault(require("../../images/user-profile.svg"));
 var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
-var _lodash = require("lodash");
 var Login = function Login(_ref) {
   var _login$userInformatio, _login$userInformatio2, _login$userInformatio3, _login$userInformatio4;
   var login = _ref.login,
@@ -60,7 +59,7 @@ var Login = function Login(_ref) {
         if (item.machineName === "sign-out") {
           return /*#__PURE__*/_react["default"].createElement("a", {
             tabIndex: mouse ? "" : "0",
-            id: (0, _lodash.uniqueId)("id-"),
+            id: (0, _react.useId)(),
             key: index,
             className: mouse ? "sketchup-login__list-item" : "sketchup-login__list-item tagFocus",
             onClick: function onClick() {
@@ -73,7 +72,7 @@ var Login = function Login(_ref) {
         } else {
           return /*#__PURE__*/_react["default"].createElement("a", {
             tabIndex: mouse ? "" : "0",
-            id: (0, _lodash.uniqueId)("id-"),
+            id: (0, _react.useId)(),
             key: index,
             className: mouse ? "sketchup-login__list-item" : "sketchup-login__list-item tagFocus",
             href: item.url
@@ -140,7 +139,7 @@ var Login = function Login(_ref) {
     className: "logout__button"
   }, logoutText)))) : /*#__PURE__*/_react["default"].createElement("article", {
     className: mouse ? "sketchup-login" : "sketchup-login tagFocus",
-    id: (0, _lodash.uniqueId)("id-"),
+    id: (0, _react.useId)(),
     style: {
       display: isHidden ? "none" : ""
     }