@4alldigital/foundation-ui--core 3.0.0

package/LICENSE.txt

@@ -0,0 +1,21 @@
+                               The MIT License
+
+Copyright (c) 2021-2022 Joe Mewes, 4 All Digital ltd. All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@4alldigital/foundation-ui--core",
+  "version": "3.0.0",
+  "description": "Foundation UI Core Component Library (source distribution)",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./components/*": "./src/components/*",
+    "./features/*": "./src/features/*",
+    "./lib/*": "./src/lib/*"
+  },
+  "files": [
+    "src"
+  ],
+  "scripts": {
+    "build": "echo 'Source distribution - type checking skipped for build'",
+    "type-check": "tsc --noEmit",
+    "dev": "tsc --noEmit --watch"
+  },
+  "peerDependencies": {
+    "next": "^14.0.0 || ^15.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tech-stuff-dev/foundation-ui.git",
+    "directory": "packages/core"
+  },
+  "author": "Joe Mewes",
+  "license": "MIT",
+  "gitHead": "fcd4701fb7f74aa4946349e73b6ad370b87cc73d"
+}

package/src/__mocks__/_examples/cnbc.ts

@@ -0,0 +1,146 @@
+import { formatDate, subDays } from 'date-fns';
+// import SingleSelectFacet from '../views/SingleSelectFacet';
+// import SingleLinksFacet from '../views/SingleLinksFacet';
+import MultiCheckboxFacet from '../../features/Search/views/MultiCheckboxFacet';
+
+const now = Math.floor(new Date().getTime());
+const oneDayAgo = Math.floor(subDays(new Date(), 1).getTime());
+const oneWeekAgo = Math.floor(subDays(new Date(), 7).getTime());
+const oneMonthAgo = Math.floor(subDays(new Date(), 30).getTime());
+const oneYearAgo = Math.floor(subDays(new Date(), 365).getTime());
+const tenYearsAgo = Math.floor(subDays(new Date(), 365 * 10).getTime());
+
+// Duration constants - keeping for future use
+// const lessThan15Mins = 60 * 15;
+// const lessThan30Mins = 60 * 30;
+// const lessThan45Mins = 60 * 45;
+// const lessThan60Mins = 60 * 60;
+// const moreThan60Mins = 60 * 60;
+
+const CNBC_CONFIG = {
+  filters: [],
+  searchFields: {
+    generated_title: {
+      weight: 3,
+    },
+    transcript: {},
+    description: {},
+  },
+  facets: {
+    // entities: { type: 'value' },
+    // phrases: { type: 'value' },
+    created: {
+      type: 'range',
+      ranges: [
+        { from: oneDayAgo, to: now, name: 'Past 24 hours' },
+        { from: oneWeekAgo, to: now, name: 'Past week' },
+        { from: oneMonthAgo, to: now, name: 'Past month' },
+        { from: oneYearAgo, to: now, name: 'Past year' },
+        { from: tenYearsAgo, to: now, name: 'Past decade' },
+        { from: tenYearsAgo, name: 'Older' },
+      ],
+    },
+  },
+  resultsFields: {
+    uuid: { raw: {} },
+    changed: { raw: {} },
+    created: { raw: {} },
+    generated_title: { raw: {} },
+    image: { raw: {} },
+    entities: { raw: {} },
+    phrases: { raw: {} },
+    transcript: {
+      snippet: {
+        size: 100,
+        fallback: true,
+      },
+    },
+    video: { raw: {} },
+    description: {
+      snippet: {
+        size: 100,
+        fallback: true,
+      },
+    },
+  },
+  alwaysSearchOnInitialLoad: false,
+  initialPlaceholder: 'Search by name, company, subject...',
+};
+
+const CNBC_FACETS = [
+  {
+    field: 'created',
+    label: 'Date created',
+    view: MultiCheckboxFacet,
+  },
+  {
+    field: 'duration_filter',
+    label: 'Duration',
+    view: MultiCheckboxFacet,
+  },
+];
+
+const CNBC_FIELD_MAP = {
+  idField: {
+    fieldName: 'uuid',
+  },
+  titleField: {
+    fieldName: 'generated_title',
+  },
+  imageField: {
+    fieldName: 'image',
+  },
+  videoField: {
+    fieldName: 'video',
+    formatter: (value: string) => {
+      const mp4Video = value
+        ? value.replace('hls', 'mp4').replace('.m3u8', '_Mp4_Avc_Aac_16x9_1920x1080p_24Hz_8.5Mbps_qvbr.mp4')
+        : null;
+      return mp4Video;
+    },
+  },
+  cardProps: {
+    isMuted: false,
+  },
+  onClickLink: (event: any) => {
+    event.preventDefault();
+    const item = event.currentTarget;
+    const itemId = item.getAttribute('data-id');
+    // TODO: Handle item click with itemId
+    console.log('Item clicked:', itemId);
+  },
+  metaDataFields: [
+    {
+      fieldName: 'uuid',
+      // Get first value from CSV list
+      formatter: () => '$1300',
+    },
+    {
+      fieldName: 'created',
+      // Convert ISO duration to human readable format
+      formatter: (value: number) => {
+        // const duration = parseDuration(value);
+        // const formatedDuration = formatDuration(duration);
+        const date = new Date(value * 1000);
+        const fomattedDate = formatDate(date, 'MM/dd/yyyy');
+        return fomattedDate;
+      },
+    },
+  ],
+  actionsData: {
+    bookmark: {
+      isActive: false,
+      onClick: (data: any) => {
+        console.log('actionsData like triggered', data);
+      },
+    },
+  },
+};
+
+const CONFIG = {
+  config: CNBC_CONFIG,
+  facets: CNBC_FACETS,
+  fieldMap: CNBC_FIELD_MAP,
+}
+
+export default CONFIG;

package/src/__mocks__/_examples/nrg.ts

@@ -0,0 +1,222 @@
+import { formatDuration, subDays } from 'date-fns';
+// import SingleSelectFacet from '../views/SingleSelectFacet';
+import SingleLinksFacet from '../../features/Search/views/SingleLinksFacet';
+import MultiCheckboxFacet from '../../features/Search/views/MultiCheckboxFacet';
+import { parseDuration } from '../../utils/parseDuration';
+import { GestureResponderEvent } from 'react-native';
+
+
+const now = Math.floor(new Date().getTime());
+const oneDayAgo = Math.floor(subDays(new Date(), 1).getTime());
+const oneWeekAgo = Math.floor(subDays(new Date(), 7).getTime());
+const oneMonthAgo = Math.floor(subDays(new Date(), 30).getTime());
+const oneYearAgo = Math.floor(subDays(new Date(), 365).getTime());
+const tenYearsAgo = Math.floor(subDays(new Date(), 365 * 10).getTime());
+
+const lessThan15Mins = 60 * 15;
+const lessThan30Mins = 60 * 30;
+const lessThan45Mins = 60 * 45;
+const lessThan60Mins = 60 * 60;
+const moreThan60Mins = 60 * 60;
+
+const NRG_CONFIG = {
+  filters: [],
+  searchFields: {
+    title: {
+      weight: 3,
+    },
+    description: {},
+  },
+  facets: {
+    ['workout_type.keyword']: { type: 'value' },
+    ['livestream_section.keyword']: { type: 'value' },
+    ['targeted_section.keyword']: { type: 'value' },
+    ['level.keyword']: { type: 'value' },
+    duration_filter: {
+      type: 'range',
+      ranges: [
+        { from: 0, to: lessThan15Mins, name: 'Less than 15 minutes' },
+        { from: lessThan15Mins, to: lessThan30Mins, name: '15-30 minutes' },
+        { from: lessThan30Mins, to: lessThan45Mins, name: '30-45 minutes' },
+        { from: lessThan45Mins, to: lessThan60Mins, name: '45-60 minutes' },
+        { from: lessThan60Mins, to: moreThan60Mins, name: 'More than 60 minutes' },
+      ],
+    },
+    created: {
+      type: 'range',
+      ranges: [
+        { from: oneDayAgo, to: now, name: 'Past 24 hours' },
+        { from: oneWeekAgo, to: now, name: 'Past week' },
+        { from: oneMonthAgo, to: now, name: 'Past month' },
+        { from: oneYearAgo, to: now, name: 'Past year' },
+        { from: tenYearsAgo, to: now, name: 'Past decade' },
+        { from: tenYearsAgo, name: 'Older' },
+      ],
+    },
+  },
+  resultsFields: {
+    uuid: { raw: {} },
+    updated: { raw: {} },
+    created: { raw: {} },
+    title: { raw: {} },
+    duration: { raw: {} },
+    duration_filter: { raw: {} },
+    image: { raw: {} },
+    livestream_section: { raw: {} },
+    video_poster: { raw: {} },
+    video_url: { raw: {} },
+    workout_type: { raw: {} },
+    description: {
+      snippet: {
+        size: 100,
+        fallback: true,
+      },
+    },
+  },
+  alwaysSearchOnInitialLoad: true,
+  initialPlaceholder: 'Search for workouts...',
+};
+
+const NRG_FACETS = [
+  // {
+  //   field: 'workout_type',
+  //   label: 'Workout type',
+  //   view: SingleSelectFacet,
+  // },
+  {
+    field: 'livestream_section.keyword',
+    label: 'Live stream',
+    view: SingleLinksFacet,
+  },
+  {
+    field: 'targeted_section.keyword',
+    label: 'Targeted Workouts',
+    view: SingleLinksFacet,
+  },
+  {
+    field: 'workout_type.keyword',
+    label: 'Workout type',
+    view: MultiCheckboxFacet,
+  },
+  {
+    field: 'created',
+    label: 'Date created',
+    view: SingleLinksFacet,
+  },
+  {
+    field: 'duration_filter',
+    label: 'Duration',
+    view: SingleLinksFacet,
+  },
+];
+
+export type ClickData = {
+  id: string;
+  event: GestureResponderEvent;
+};
+
+const NRG_FIELD_MAP = {
+  idField: {
+    fieldName: 'uuid',
+  },
+  titleField: {
+    fieldName: 'title',
+  },
+  imageField: {
+    fieldName: 'image',
+  },
+  onClickLink: (data: ClickData) => {
+    data.event.preventDefault();
+    console.log('_examples onClickLink id: ', data.id);
+    // console.log('_examples onClickLink event: ', data.event);
+  },
+  metaDataFields: [
+    {
+      fieldName: 'workout_type',
+      // Get first value from CSV list
+      formatter: (value: string) => value.split(',')[0],
+    },
+    {
+      fieldName: 'duration',
+      // Convert ISO duration to human readable format
+      formatter: (value: string) => {
+        const duration = parseDuration(value);
+        const formatedDuration = formatDuration(duration);
+        return formatedDuration;
+      },
+    },
+  ],
+  actionsData: {
+    like: {
+      isActive: true,
+      onClick: (data: any) => {
+        console.log('actionsData like triggered', data);
+      },
+    },
+    // share: {
+    //   isActive: false,
+    //   onClick: (data: any) => {
+    //     console.log('actionsData like triggered', data);
+    //   },
+    // },
+    // save: {
+    //   isActive: false,
+    //   onClick: (data: any) => {
+    //     console.log('actionsData like triggered', data);
+    //   },
+    // },
+    // comment: {
+    //   isActive: true,
+    //   onClick: (data: any) => {
+    //     console.log('actionsData like triggered', data);
+    //   },
+    // },
+    // bookmark: {
+    //   isActive: false,
+    //   onClick: (data: any) => {
+    //     console.log('actionsData like triggered', data);
+    //   },
+    // },
+    // report: {
+    //   isActive: false,
+    //   onClick: (data: any) => {
+    //     console.log('actionsData like triggered', data);
+    //   },
+    // },
+    // follow: {
+    //   isActive: false,
+    //   onClick: (data: any) => {
+    //     console.log('actionsData like triggered', data);
+    //   },
+    // },
+    // download: {
+    //   isActive: false,
+    //   onClick: (data: any) => {
+    //     console.log('actionsData like triggered', data);
+    //   },
+    // },
+    // edit: {
+    //   isActive: false,
+    //   onClick: (data: any) => {
+    //     console.log('actionsData like triggered', data);
+    //   },
+    // },
+    // delete: {
+    //   isActive: false,
+    //   onClick: (data: any) => {
+    //     console.log('actionsData like triggered', data);
+    //   },
+    // },
+  },
+  cardProps: {
+    raised: true,
+  },
+};
+
+const CONFIG = {
+  config: NRG_CONFIG,
+  facets: NRG_FACETS,
+  fieldMap: NRG_FIELD_MAP,
+};
+
+export default CONFIG;

package/src/__mocks__/fileMock.js

@@ -0,0 +1,3 @@
+// __mocks__/fileMock.js
+
+module.exports = "test-file-stub";

package/src/__mocks__/fileTransformer.js

@@ -0,0 +1,8 @@
+// eslint-disable-next-line @typescript-eslint/no-require-imports
+const path = require("path");
+
+module.exports = {
+  process(src, filename) {
+    return `module.exports = ${JSON.stringify(path.basename(filename))};`;
+  },
+};