@scrippsproduct/networks-ui-library 1.0.23 → 1.1.0-alpha.1

package/dist/utils/date-helpers.js

@@ -1,8 +1,8 @@
-import { a as u } from "../add-FrnMPwwO.mjs";
-import { f as i } from "../format-plq8pBNY.mjs";
-import { s as w } from "../sub-CkNH5u-l.mjs";
+import { a as u } from "../add-UWUc_nrO.mjs";
+import { f as i } from "../format-YhWt2D8M.mjs";
+import { s as w } from "../sub-CoUmnfhv.mjs";
 import { convert12to24 as h } from "./helpers.js";
-import { g } from "../index-C8O1hjfH.mjs";
+import { g } from "../index-0wieGV50.mjs";
 const S = () => {
   const n = /* @__PURE__ */ new Date();
   let e = n.toLocaleString("en-US", { timeZone: "America/New_York" }), [r, t] = e.split(",");

package/dist/utils/getFeaturedList.js

@@ -1,7 +1,7 @@
-import { a as M } from "../add-FrnMPwwO.mjs";
-import { f as _ } from "../format-plq8pBNY.mjs";
+import { a as M } from "../add-UWUc_nrO.mjs";
+import { f as _ } from "../format-YhWt2D8M.mjs";
 import { determineSeriesPrefix as w } from "./program-helpers.js";
-import { g as k } from "../index-C8O1hjfH.mjs";
+import { g as k } from "../index-0wieGV50.mjs";
 const D = /* @__PURE__ */ new Date(), T = /* @__PURE__ */ new Map([
   ["series", "Episode"],
   ["movies", "Film"],

package/dist/utils/getOnNowProgram.js

@@ -1,9 +1,9 @@
-import { a as U } from "../add-FrnMPwwO.mjs";
-import { f as Y } from "../format-plq8pBNY.mjs";
+import { a as U } from "../add-UWUc_nrO.mjs";
+import { f as Y } from "../format-YhWt2D8M.mjs";
 import { getCurrentEasternProgrammingDateStr as V, determineIfShowIsOnNow as Z } from "./date-helpers.js";
 import { convert12to24 as d } from "./helpers.js";
 import { determineSeriesPrefix as B, determineSeasonNumberFromSeriesPrefix as D, determineEpisodeNumber as G } from "./series-helpers.js";
-import { g as J } from "../index-C8O1hjfH.mjs";
+import { g as J } from "../index-0wieGV50.mjs";
 const H = /* @__PURE__ */ new Date(`${V()}T00:00:00`), Q = (o) => {
   const n = o.substring(0, o.lastIndexOf("S") - 1);
   return n === "" ? o : n;

package/dist/utils/getUpcomingPrograms.js

@@ -1,5 +1,5 @@
-import { a as f } from "../add-FrnMPwwO.mjs";
-import { f as c } from "../format-plq8pBNY.mjs";
+import { a as f } from "../add-UWUc_nrO.mjs";
+import { f as c } from "../format-YhWt2D8M.mjs";
 const l = async (t, o = "series", r, i, s) => {
   const a = /* @__PURE__ */ new Map([
     ["series", `series_prefix__icontains=${t}`],

package/dist/{x-D8_C2o-U.mjs → x-C-QzJ-qD.mjs}

@@ -1,5 +1,5 @@
 import l, { forwardRef as c } from "react";
-import { P as a } from "./index-CZzwT3Oj.mjs";
+import { P as a } from "./index-DC2JJV3a.mjs";
 function f() {
   return f = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.23",
+  "version": "1.1.0-alpha.1",
   "name": "@scrippsproduct/networks-ui-library",
   "description": "React Component Library for use in Scripps Networks external applications",
   "author": {
@@ -9,7 +9,7 @@
   "private": false,
   "engines": {
     "node": ">=20.0.0",
-    "npm": ">=10.0.0"   
+    "npm": ">=10.0.0"
   },
   "main": "dist/index.js",
   "files": [
@@ -18,12 +18,15 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && cross-env NODE_ENV=production vite build && rm -rf ./dist/components/**/*.stories.d.ts ./dist/components/**/*.stories.js ./dist/components/**/*.mdx ./dist/components/**/*.stories.mdx ./dist/components/**/*.md",
+    "test": "npx vitest run",
+    "test:watch": "npx vitest --watch --ui",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006 --no-open",
     "build-storybook": "storybook build",
     "chromatic": "npx chromatic --project-token=f011f556f41a",
-    "create-component": "node scripts/componentFolderBuilder.js"
+    "create-component": "node scripts/componentFolderBuilder.js",
+    "reinstall-deps": "node ./reinstall-deps.js"
   },
   "dependencies": {
     "date-fns": "^3.6.0",
@@ -42,33 +45,33 @@
     "@babel/cli": "^7.24.7",
     "@babel/preset-env": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
-    "@chromatic-com/storybook": "^1.6.0",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/addon-onboarding": "^8.1.11",
-    "@storybook/blocks": "^8.1.11",
-    "@storybook/react": "^8.1.11",
-    "@storybook/react-vite": "^8.1.11",
-    "@storybook/test": "^8.1.11",
+    "@chromatic-com/storybook": "^4.1.1",
+    "@scrippsproduct/console-logger": "1.0.11",
+    "@scrippsproduct/linter-configs": "0.0.7",
+    "@storybook/addon-docs": "^9.1.13",
+    "@storybook/addon-links": "^9.1.13",
+    "@storybook/react-vite": "^9.1.13",
     "@types/glob": "^8.1.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.13.1",
-    "@typescript-eslint/parser": "^7.13.1",
+    "@typescript-eslint/eslint-plugin": "^8.46.3",
+    "@typescript-eslint/parser": "^8.46.3",
     "@vitejs/plugin-react": "^4.3.1",
     "babel-preset-react-app": "^10.0.1",
     "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^0.8.0",
-    "storybook": "^8.1.11",
-    "typescript": "^5.2.2",
-    "vite": "^5.3.1",
-    "vite-plugin-dts": "^4.0.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-tsconfig-paths": "^4.3.2"
+    "eslint": "^9.32.0",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.9",
+    "eslint-plugin-storybook": "^9.1.13",
+    "storybook": "^9.1.13",
+    "typescript": "^5.8.2",
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vite-tsconfig-paths": "^5.1.4",
+    "@vitest/ui": "3.2.4",
+    "jsdom": "^26.1.0",
+    "vitest": "^3.0.5"
   },
   "eslintConfig": {
     "extends": [

package/dist/_commonjsHelpers-DaMA6jEr.mjs

@@ -1,8 +0,0 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-export {
-  o as c,
-  l as g
-};

package/dist/components/CarouselSlide/slide-layouts/Figure/Figure.stories.d.ts

@@ -1,34 +0,0 @@
-import { default as Figure } from './Figure';
-declare namespace _default {
-    export let title: string;
-    export { Figure as component };
-    export let tags: string[];
-    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-}
-export default _default;
-export function Default(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Default {
-    namespace args {
-        let images: {
-            url: string;
-            altText: string;
-            caption: string;
-        }[];
-        let imagesPerSlide: number;
-    }
-}
-export function TwoUp(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace TwoUp {
-    let args_1: any;
-    export { args_1 as args };
-}
-export function ThreeUp(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace ThreeUp {
-    let args_2: any;
-    export { args_2 as args };
-}
-export function FourUp(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace FourUp {
-    let args_3: any;
-    export { args_3 as args };
-}

package/dist/components/CarouselSlide/slide-layouts/Figure/Figure.stories.js

@@ -1,105 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import "react";
-import { FigureSlide as o } from "./Figure.js";
-const d = {
-  title: "Slide Layouts/Figure",
-  component: o,
-  tags: ["autodocs"],
-  decorators: [
-    (e) => /* @__PURE__ */ l(
-      "div",
-      {
-        style: {
-          width: "60%",
-          "--_cell-aspect-ratio": "4/2",
-          "--_slide-gap": "1rem",
-          border: "1px solid #000"
-        },
-        children: /* @__PURE__ */ l(e, {})
-      }
-    )
-  ]
-}, t = (e) => /* @__PURE__ */ l(o, { ...e }), a = t.bind({});
-a.args = {
-  images: [
-    {
-      url: "https://placehold.co/500x300",
-      altText: "A random image from Unsplash (https://unsplash.com)",
-      caption: "Image 1"
-    }
-  ],
-  imagesPerSlide: 1
-};
-const s = t.bind({});
-s.args = {
-  ...a.args,
-  images: [
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 1"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 2"
-    }
-  ],
-  imagesPerSlide: 2
-};
-const p = t.bind({});
-p.args = {
-  ...a.args,
-  images: [
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 1"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 2"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 3"
-    }
-  ],
-  imagesPerSlide: 3
-};
-const c = t.bind({});
-c.args = {
-  ...a.args,
-  images: [
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 1"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "Blue ocean with a large wave",
-      caption: "Image 2"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 3"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 4"
-    }
-  ],
-  imagesPerSlide: 4
-};
-export {
-  a as Default,
-  c as FourUp,
-  p as ThreeUp,
-  s as TwoUp,
-  d as default
-};

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.stories.d.ts

@@ -1,19 +0,0 @@
-import { default as TextSlide } from './TextSlide';
-declare namespace _default {
-    export let title: string;
-    export { TextSlide as component };
-    export let tags: string[];
-    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-}
-export default _default;
-export function Default(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Default {
-    namespace args {
-        let text: string;
-    }
-}
-export function Inverse(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Inverse {
-    let args_1: any;
-    export { args_1 as args };
-}

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.stories.js

@@ -1,35 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import "react";
-import { TextSlide as o } from "./TextSlide.js";
-const n = {
-  title: "Slide Layouts/Text Slide",
-  component: o,
-  tags: ["autodocs"],
-  decorators: [
-    (t) => /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          width: "60%",
-          aspectRatio: "4/2",
-          border: "1px solid #000"
-        },
-        children: /* @__PURE__ */ e(t, {})
-      }
-    )
-  ]
-}, s = (t) => /* @__PURE__ */ e(o, { ...t }), i = s.bind({});
-i.args = {
-  text: "This is a Text Slide"
-};
-const r = s.bind({});
-r.args = {
-  ...i.args,
-  backgroundColor: "#000",
-  textColor: "#fff"
-};
-export {
-  i as Default,
-  r as Inverse,
-  n as default
-};