luna-one 3.1.594 → 3.1.595

package/dist/luna/components/JobPosting/JobPosting.scss

@@ -1,171 +1,171 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-job-posting {
-  padding: 1em;
-  position: relative;
-
-  &__border {
-    height: 100%;
-    width: 100%;
-    position: absolute;
-    right: 0;
-    top: 0;
-
-    &--yellow {
-      border-left: 2px solid $trimble-gold;
-      border-top: 2px solid $trimble-gold;
-      width: 1.1em;
-      height: 1.1em;
-      z-index: 2;
-      left: 0;
-    }
-
-    &--blue {
-      &--cover {
-        background: $white;
-        right: 1em;
-        top: -1em;
-        z-index: 1;
-      }
-
-      border: 2px solid $trimble-blue;
-      &::before,
-      &::after {
-        content: "";
-        display: block;
-        position: absolute;
-        background: $white;
-      }
-      &--dark {
-        &::before,
-        &::after {
-          content: "";
-          display: block;
-          position: absolute;
-          background: $trimble-dark-gray;
-        }
-      }
-
-      &::before {
-        top: -0.3em; // let it overlap a bit to prevent thin line which could appear during scaling in some browsers etc.
-        bottom: -0.3em;
-        left: 1em;
-        right: 1em;
-      }
-
-      &::after {
-        left: -0.3em;
-        right: -0.3em;
-        top: 1em;
-        bottom: 1em;
-      }
-    }
-  }
-
-  &--content {
-    position: relative;
-    z-index: 1;
-    padding: 20px 40px;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      padding: 20px 0px;
-    }
-  }
-
-  &__title {
-    font-size: $heading-4-size;
-    @include benton-very-bold();
-  }
-  &__details {
-    font-size: $body-font-size;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    list-style-type: none;
-    padding-left: 0;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      flex-direction: column;
-    }
-
-    li {
-      margin-bottom: 5px;
-      margin-right: 20px;
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      b {
-        @include benton-bold();
-        margin-left: 1px;
-        display: flex;
-
-        .luna-link__icon-diagnol {
-          top: 1px;
-          left: 8px;
-        }
-      }
-    }
-    &--break {
-      flex-basis: inherit;
-      @media screen and (max-width: $breakpoint-xs) {
-        flex-basis: 100%;
-      }
-    }
-    &--map {
-      @include benton-medium();
-      color: $trimble-dark-gray;
-      font-size: $body-font-size;
-      opacity: 100%;
-      box-shadow: 0px 2px $trimble-gold;
-      cursor: pointer;
-      line-height: 14px;
-      margin-left: 5px;
-      margin-top: 3px;
-
-      @media screen and (max-width: $breakpoint-xs) {
-        margin-left: 0px;
-        margin-top: 5px;
-      }
-    }
-    a {
-      text-decoration: none !important;
-    }
-  }
-  &__description {
-    font-size: $body-font-size;
-    margin-top: 60px;
-    h6 {
-      @include benton-very-bold();
-      font-size: $heading-6-size;
-    }
-    b {
-      @include benton-bold();
-    }
-    p {
-      font-size: $body-font-size;
-    }
-  }
-  &__pay-equity {
-    margin: 32px 0;
-    font-size: $body-font-size;
-    &--title {
-      font-size: 16px !important;
-      @include benton-bold();
-    }
-    p {
-      font-size: $body-font-size;
-    }
-    &--compensation {
-      display: flex;
-      flex-direction: row;
-      b {
-        font-size: $body-font-size;
-        @include benton-bold();
-      }
-    }
-  }
-  &__button {
-    height: 48px;
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-job-posting {
+  padding: 1em;
+  position: relative;
+
+  &__border {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    right: 0;
+    top: 0;
+
+    &--yellow {
+      border-left: 2px solid $trimble-gold;
+      border-top: 2px solid $trimble-gold;
+      width: 1.1em;
+      height: 1.1em;
+      z-index: 2;
+      left: 0;
+    }
+
+    &--blue {
+      &--cover {
+        background: $white;
+        right: 1em;
+        top: -1em;
+        z-index: 1;
+      }
+
+      border: 2px solid $trimble-blue;
+      &::before,
+      &::after {
+        content: "";
+        display: block;
+        position: absolute;
+        background: $white;
+      }
+      &--dark {
+        &::before,
+        &::after {
+          content: "";
+          display: block;
+          position: absolute;
+          background: $trimble-dark-gray;
+        }
+      }
+
+      &::before {
+        top: -0.3em; // let it overlap a bit to prevent thin line which could appear during scaling in some browsers etc.
+        bottom: -0.3em;
+        left: 1em;
+        right: 1em;
+      }
+
+      &::after {
+        left: -0.3em;
+        right: -0.3em;
+        top: 1em;
+        bottom: 1em;
+      }
+    }
+  }
+
+  &--content {
+    position: relative;
+    z-index: 1;
+    padding: 20px 40px;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      padding: 20px 0px;
+    }
+  }
+
+  &__title {
+    font-size: $heading-4-size;
+    @include benton-very-bold();
+  }
+  &__details {
+    font-size: $body-font-size;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    list-style-type: none;
+    padding-left: 0;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      flex-direction: column;
+    }
+
+    li {
+      margin-bottom: 5px;
+      margin-right: 20px;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      b {
+        @include benton-bold();
+        margin-left: 1px;
+        display: flex;
+
+        .luna-link__icon-diagnol {
+          top: 1px;
+          left: 8px;
+        }
+      }
+    }
+    &--break {
+      flex-basis: inherit;
+      @media screen and (max-width: $breakpoint-xs) {
+        flex-basis: 100%;
+      }
+    }
+    &--map {
+      @include benton-medium();
+      color: $trimble-dark-gray;
+      font-size: $body-font-size;
+      opacity: 100%;
+      box-shadow: 0px 2px $trimble-gold;
+      cursor: pointer;
+      line-height: 14px;
+      margin-left: 5px;
+      margin-top: 3px;
+
+      @media screen and (max-width: $breakpoint-xs) {
+        margin-left: 0px;
+        margin-top: 5px;
+      }
+    }
+    a {
+      text-decoration: none !important;
+    }
+  }
+  &__description {
+    font-size: $body-font-size;
+    margin-top: 60px;
+    h6 {
+      @include benton-very-bold();
+      font-size: $heading-6-size;
+    }
+    b {
+      @include benton-bold();
+    }
+    p {
+      font-size: $body-font-size;
+    }
+  }
+  &__pay-equity {
+    margin: 32px 0;
+    font-size: $body-font-size;
+    &--title {
+      font-size: 16px !important;
+      @include benton-bold();
+    }
+    p {
+      font-size: $body-font-size;
+    }
+    &--compensation {
+      display: flex;
+      flex-direction: row;
+      b {
+        font-size: $body-font-size;
+        @include benton-bold();
+      }
+    }
+  }
+  &__button {
+    height: 48px;
+  }
+}

package/dist/luna/components/JobPosting/JobPostingDocumentation.mdx

@@ -1,69 +1,69 @@
-#### Job Posting
-
-###### Props -
-
-- All this is automated and gets queried from Workday.
-
-* content **(required)** - object containing quotes, ctas, button
-  - `description` **(required)** - Object of Description of job posting,
-    - `description` **(required)** - string of HTML of job posting description
-  - `title` **(required)** - String of name of the job
-  - `postedDate` - String of date Posting was posted
-  - `timeType` - String representing full time or part time
-  - `jobFamily` - String representing category/family of job
-  - `applyURL` - String of URL to apply for job
-  - `compensationMidpoint` - String of compensation midpoint. Top of range.
-  - `compensationMinimum` - String pf compensation minimum. Bottom of range.
-  - `bonusEligibility` - String of yes or no
-  - `country` **(required)** - String of Job Country
-  - `region` **(required)** - String of Job (State for US)
-  - `municipality` **(required)** - String of Job municipality (City for US)
-  - `requisitionId` - String of Requisition Id
-  - `benefitsClause` - object consisting of string
-    - `benefitsClause` **(required)** - string of Benefits Clause
-  - `compensationClause` - object consisting of string
-    - `compensationClause` **(required)** - string of compensation Clause
-
-###### Example -
-
-```
-const content = {
-  id: '566b0a12-33a5-55b8-801f-5065f720bc53',
-  jobPostingId: 'JOB_POSTING_TEST',
-  postedDate: '19/08/2021',
-  node_locale: 'en-US',
-  title: 'Cloud Operations Technical Writer',
-  jobPath:
-    'https://trimble2.wd2.myworkdayjobs-impl.com/TrimbleCareers/job/UK---Ipswich-England/Cloud-Operations-Technical-Writer_R30464',
-  applyURL:
-    'https://trimble2.wd2.myworkdayjobs-impl.com/TrimbleCareers/job/UK---Ipswich-England/Cloud-Operations-Technical-Writer_R30464/apply',
-  requisitionReference: '',
-  requisitionId: 'R30464',
-  jobFamily: 'Technical Writing',
-  timeType: 'Full Time',
-  jobType: '',
-  supervisoryReference: '',
-  compensationMinimum: 0,
-  compensationMidpoint: 0,
-  bonusEligibility: '',
-  country: 'United Kingdom',
-  region: '',
-  municipality: 'Ipswich',
-  description: {
-    description:
-      '<div><b>Title: Cloud Operations Technical Writer </b></div><div><b>Location: UK   [Preferred: Ipswich]</b></div><div><b>Department: Trimble Cloud </b><b><i>x</i></b><b>Ops</b></div><div><b>Reports to: Service Delivery Manager</b></div><div> </div><div>Our team accelerates Trimble’s use of public cloud to deliver innovative products and services.  A key shared service offering we provide to Trimble divisions is 24x7 application operations to ensure the availability of their applications.  As Trimble and Trimble Cloud scale to meet growth in digital product delivery across Construction, Transportation, Natural Resources, Geospatial and Automony solutions, we need to ensure the applications operations team has high-quality documentation to follow when restoring service.  While the initial term of this contract is 6 months, it may be extended or converted to full-time employment.</div><div> </div><div>We are looking for you to make Trimble better!</div><div> </div><div><b>Responsibilities</b></div><ul><li><br />Assess existing technical documentation for production application support and create a rationalization plan that encompasses where documents are stored, how they should be structured, how to make the relevant info easy to find, and making sure they are complete.</li><li>Collaborate with Trimble divisions to complete a revision of the existing documentation.</li><li>Create a template or example for new divisions adopting application operation services.</li><li>Identify ways to help ensure documentation is kept up to date.<br /> </li></ul><div> </div><div><b>Required Skills / Experience</b> </div><ul><li><br />Able to quickly understand complex technical processes and translate them into documentation for technicians to use</li><li>Worked in virtual teams to collaborate on content creation</li><li>Detail-oriented with strong organizational skills, and ability to break down larger projects into multiple phases</li><li>Ability to work on multiple tasks in a day</li><li>Strong markup and collaboration skills using Google Apps, Atlassian Confluence or similar</li><li>Designed templates for documentation and ensured consistent look and feel across a suite of documents for quick understanding by the reader</li><li>Strong writing and editorial skills in English, with use of graphics or screenshots as appropriate</li><li>Ability to guide non-native English speakers to assist with the documentation process</li><li>The ability to understand complex technical concepts and clearly communicate them via documentation</li><li>Demonstrated ability to learn new processes and technologies quickly </li><li>Ability to take ownership of projects and define work with little direction after the goals have been established</li><li>Able to occasionally meet off-hours<br /> </li></ul><div> </div><div><b>Desired Skills / Experience</b></div><ul><li><br />Understanding of cloud-based technology and how it works </li><li>Working in agile environments</li><li>Exposure to software-as-a-service-operations or ITIL</li><li>Project management experience or certification</li><li>Configuring document permissions efficiently<br /> </li></ul><div> </div><div>Trimble is transforming the way the world works by delivering products and services that connect the physical and digital worlds. Core technologies in positioning, modeling, connectivity and data analytics enable customers to improve productivity, quality, safety and sustainability. From purpose-built products to enterprise lifecycle solutions, Trimble software, hardware and services are transforming a broad range of industries such as agriculture, construction, geospatial and transportation and logistics.</div><div> </div><div><i>Trimble is proud to be an Equal Opportunity and Affirmative Action Employer and considers qualified applicants for employment without regard to race, gender, age, color, religion, national origin, marital status, disability, sexual orientation, status as a covered veteran in accordance with applicable federal, state and local laws, or any other protected factor. EOE/M/F/V/D</i></div><div> </div><div>#engineering</div><div>#cloud</div><div> </div><div> </div><div>Fixed-term</div><div>Contract-to-hire opportunity</div><div><br /> </div><p><span>Trimble Inc. is proud to be an Equal Opportunity and Affirmative Action Employer and considers qualified applicants for employment without regard to race, gender, age, color, religion, national origin, marital status, disability, sexual orientation, status as a covered veteran in accordance with applicable federal, state and local laws, or any other protected factor. EOE/M/F/V/D</span></p>',
-  },
-  similarJobs: {
-    similarJobs: '',
-  },
-  compensationClause: {
-    compensationClause: '',
-  },
-  eeoClause: {
-    eeoClause: '',
-  },
-};
-
-return (
-  <JobPosting content={content} />
-```
+#### Job Posting
+
+###### Props -
+
+- All this is automated and gets queried from Workday.
+
+* content **(required)** - object containing quotes, ctas, button
+  - `description` **(required)** - Object of Description of job posting,
+    - `description` **(required)** - string of HTML of job posting description
+  - `title` **(required)** - String of name of the job
+  - `postedDate` - String of date Posting was posted
+  - `timeType` - String representing full time or part time
+  - `jobFamily` - String representing category/family of job
+  - `applyURL` - String of URL to apply for job
+  - `compensationMidpoint` - String of compensation midpoint. Top of range.
+  - `compensationMinimum` - String pf compensation minimum. Bottom of range.
+  - `bonusEligibility` - String of yes or no
+  - `country` **(required)** - String of Job Country
+  - `region` **(required)** - String of Job (State for US)
+  - `municipality` **(required)** - String of Job municipality (City for US)
+  - `requisitionId` - String of Requisition Id
+  - `benefitsClause` - object consisting of string
+    - `benefitsClause` **(required)** - string of Benefits Clause
+  - `compensationClause` - object consisting of string
+    - `compensationClause` **(required)** - string of compensation Clause
+
+###### Example -
+
+```
+const content = {
+  id: '566b0a12-33a5-55b8-801f-5065f720bc53',
+  jobPostingId: 'JOB_POSTING_TEST',
+  postedDate: '19/08/2021',
+  node_locale: 'en-US',
+  title: 'Cloud Operations Technical Writer',
+  jobPath:
+    'https://trimble2.wd2.myworkdayjobs-impl.com/TrimbleCareers/job/UK---Ipswich-England/Cloud-Operations-Technical-Writer_R30464',
+  applyURL:
+    'https://trimble2.wd2.myworkdayjobs-impl.com/TrimbleCareers/job/UK---Ipswich-England/Cloud-Operations-Technical-Writer_R30464/apply',
+  requisitionReference: '',
+  requisitionId: 'R30464',
+  jobFamily: 'Technical Writing',
+  timeType: 'Full Time',
+  jobType: '',
+  supervisoryReference: '',
+  compensationMinimum: 0,
+  compensationMidpoint: 0,
+  bonusEligibility: '',
+  country: 'United Kingdom',
+  region: '',
+  municipality: 'Ipswich',
+  description: {
+    description:
+      '<div><b>Title: Cloud Operations Technical Writer </b></div><div><b>Location: UK   [Preferred: Ipswich]</b></div><div><b>Department: Trimble Cloud </b><b><i>x</i></b><b>Ops</b></div><div><b>Reports to: Service Delivery Manager</b></div><div> </div><div>Our team accelerates Trimble’s use of public cloud to deliver innovative products and services.  A key shared service offering we provide to Trimble divisions is 24x7 application operations to ensure the availability of their applications.  As Trimble and Trimble Cloud scale to meet growth in digital product delivery across Construction, Transportation, Natural Resources, Geospatial and Automony solutions, we need to ensure the applications operations team has high-quality documentation to follow when restoring service.  While the initial term of this contract is 6 months, it may be extended or converted to full-time employment.</div><div> </div><div>We are looking for you to make Trimble better!</div><div> </div><div><b>Responsibilities</b></div><ul><li><br />Assess existing technical documentation for production application support and create a rationalization plan that encompasses where documents are stored, how they should be structured, how to make the relevant info easy to find, and making sure they are complete.</li><li>Collaborate with Trimble divisions to complete a revision of the existing documentation.</li><li>Create a template or example for new divisions adopting application operation services.</li><li>Identify ways to help ensure documentation is kept up to date.<br /> </li></ul><div> </div><div><b>Required Skills / Experience</b> </div><ul><li><br />Able to quickly understand complex technical processes and translate them into documentation for technicians to use</li><li>Worked in virtual teams to collaborate on content creation</li><li>Detail-oriented with strong organizational skills, and ability to break down larger projects into multiple phases</li><li>Ability to work on multiple tasks in a day</li><li>Strong markup and collaboration skills using Google Apps, Atlassian Confluence or similar</li><li>Designed templates for documentation and ensured consistent look and feel across a suite of documents for quick understanding by the reader</li><li>Strong writing and editorial skills in English, with use of graphics or screenshots as appropriate</li><li>Ability to guide non-native English speakers to assist with the documentation process</li><li>The ability to understand complex technical concepts and clearly communicate them via documentation</li><li>Demonstrated ability to learn new processes and technologies quickly </li><li>Ability to take ownership of projects and define work with little direction after the goals have been established</li><li>Able to occasionally meet off-hours<br /> </li></ul><div> </div><div><b>Desired Skills / Experience</b></div><ul><li><br />Understanding of cloud-based technology and how it works </li><li>Working in agile environments</li><li>Exposure to software-as-a-service-operations or ITIL</li><li>Project management experience or certification</li><li>Configuring document permissions efficiently<br /> </li></ul><div> </div><div>Trimble is transforming the way the world works by delivering products and services that connect the physical and digital worlds. Core technologies in positioning, modeling, connectivity and data analytics enable customers to improve productivity, quality, safety and sustainability. From purpose-built products to enterprise lifecycle solutions, Trimble software, hardware and services are transforming a broad range of industries such as agriculture, construction, geospatial and transportation and logistics.</div><div> </div><div><i>Trimble is proud to be an Equal Opportunity and Affirmative Action Employer and considers qualified applicants for employment without regard to race, gender, age, color, religion, national origin, marital status, disability, sexual orientation, status as a covered veteran in accordance with applicable federal, state and local laws, or any other protected factor. EOE/M/F/V/D</i></div><div> </div><div>#engineering</div><div>#cloud</div><div> </div><div> </div><div>Fixed-term</div><div>Contract-to-hire opportunity</div><div><br /> </div><p><span>Trimble Inc. is proud to be an Equal Opportunity and Affirmative Action Employer and considers qualified applicants for employment without regard to race, gender, age, color, religion, national origin, marital status, disability, sexual orientation, status as a covered veteran in accordance with applicable federal, state and local laws, or any other protected factor. EOE/M/F/V/D</span></p>',
+  },
+  similarJobs: {
+    similarJobs: '',
+  },
+  compensationClause: {
+    compensationClause: '',
+  },
+  eeoClause: {
+    eeoClause: '',
+  },
+};
+
+return (
+  <JobPosting content={content} />
+```

package/dist/luna/components/LanguageSelector/LanguageSelector.js

@@ -11,7 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 require("./LanguageSelector.scss");
 var _iconGlobe = _interopRequireDefault(require("../../images/icon-globe.svg"));
 var _checkBlue = _interopRequireDefault(require("../../images/check-blue.svg"));
-var _lodash = require("lodash");
 var _closeIcon = _interopRequireDefault(require("../../images/close-icon.svg"));
 var _rightCaretLightGray = _interopRequireDefault(require("../../images/right-caret-light-gray.svg"));
 var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
@@ -164,7 +163,7 @@ var LanguageSelector = function LanguageSelector(_ref) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "luna-language-selector__body-section-item-icon"
     }, region === currentRegion && /*#__PURE__*/_react["default"].createElement("img", {
-      id: (0, _lodash.uniqueId)("id-"),
+      id: (0, _react.useId)(),
       src: _checkBlue["default"],
       alt: "item selected"
     })), /*#__PURE__*/_react["default"].createElement("div", {
@@ -194,7 +193,7 @@ var LanguageSelector = function LanguageSelector(_ref) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "luna-language-selector__body-section-item-icon"
     }, (language === null || language === void 0 ? void 0 : language.code) === (currentLanguage === null || currentLanguage === void 0 ? void 0 : currentLanguage.code) && /*#__PURE__*/_react["default"].createElement("img", {
-      id: (0, _lodash.uniqueId)("id-"),
+      id: (0, _react.useId)(),
       src: _checkBlue["default"],
       alt: "item selected"
     })), /*#__PURE__*/_react["default"].createElement("div", {