@getmicdrop/svelte-components 1.0.1 → 1.0.2

package/README.md

@@ -1,98 +1,98 @@
-# @micdrop/components
-
-Shared component library for Micdrop applications.
-
-## Installation
-
-```bash
-npm install @micdrop/components
-```
-
-## Usage
-
-```svelte
-<script>
-  import { Button, Input, Modal } from '@micdrop/components';
-  import '@micdrop/components/styles';
-</script>
-
-<Button variant="primary">Click me</Button>
-```
-
-## Development
-
-### Install dependencies
-```bash
-npm install
-```
-
-### Run Storybook
-```bash
-npm run storybook
-```
-
-### Run tests
-```bash
-npm test
-npm run test:watch  # Watch mode
-npm run test:ui     # UI mode
-```
-
-### Build
-```bash
-npm run build
-```
-
-## Components
-
-### Core UI Components
-- **Alert** - Alert notifications
-- **Badge** - Badge display
-- **Breadcrumb** - Navigation breadcrumb
-- **Button** - Primary button with variants
-- **Card** - Card container
-- **Spinner** - Loading spinner
-- **Toaster** - Toast notifications
-
-### Form Components
-- **Input** - Text input with validation
-- **Select** - Dropdown select
-- **MultiSelect** - Multi-select dropdown
-- **GenderInput** - Gender selector
-- **EthnicityDropdown** - Ethnicity selector
-- **PlaceAutocomplete** - Google Places autocomplete
-- **CropImage** - Image cropping utility
-
-### Layout Components
-- **Header** - Application header
-- **Sidebar** - Navigation sidebar
-- **Modal** - Modal dialog
-- **ConfirmationModal** - Confirmation modal
-
-### Calendar Components
-- **QuarterView** - Calendar quarter view
-
-### Icon Components
-- 26 icon components available in `Icons/` directory
-
-### Page Components
-Located in `pages/` directory:
-- **performers/** - Performer-related components
-- **profile/** - Profile components
-- **settings/** - Settings components
-- **shows/** - Show/event components
-
-## Testing
-
-All components include:
-- Unit tests using Vitest
-- Storybook stories for visual testing
-- Type definitions
-
-## Version History
-
-### 1.0.0 (Upcoming)
-- Initial release
-- Core components from performersportal
-- Full test coverage
-- Storybook documentation
+# @micdrop/components
+
+Shared component library for Micdrop applications.
+
+## Installation
+
+```bash
+npm install @micdrop/components
+```
+
+## Usage
+
+```svelte
+<script>
+  import { Button, Input, Modal } from '@micdrop/components';
+  import '@micdrop/components/styles';
+</script>
+
+<Button variant="primary">Click me</Button>
+```
+
+## Development
+
+### Install dependencies
+```bash
+npm install
+```
+
+### Run Storybook
+```bash
+npm run storybook
+```
+
+### Run tests
+```bash
+npm test
+npm run test:watch  # Watch mode
+npm run test:ui     # UI mode
+```
+
+### Build
+```bash
+npm run build
+```
+
+## Components
+
+### Core UI Components
+- **Alert** - Alert notifications
+- **Badge** - Badge display
+- **Breadcrumb** - Navigation breadcrumb
+- **Button** - Primary button with variants
+- **Card** - Card container
+- **Spinner** - Loading spinner
+- **Toaster** - Toast notifications
+
+### Form Components
+- **Input** - Text input with validation
+- **Select** - Dropdown select
+- **MultiSelect** - Multi-select dropdown
+- **GenderInput** - Gender selector
+- **EthnicityDropdown** - Ethnicity selector
+- **PlaceAutocomplete** - Google Places autocomplete
+- **CropImage** - Image cropping utility
+
+### Layout Components
+- **Header** - Application header
+- **Sidebar** - Navigation sidebar
+- **Modal** - Modal dialog
+- **ConfirmationModal** - Confirmation modal
+
+### Calendar Components
+- **QuarterView** - Calendar quarter view
+
+### Icon Components
+- 26 icon components available in `Icons/` directory
+
+### Page Components
+Located in `pages/` directory:
+- **performers/** - Performer-related components
+- **profile/** - Profile components
+- **settings/** - Settings components
+- **shows/** - Show/event components
+
+## Testing
+
+All components include:
+- Unit tests using Vitest
+- Storybook stories for visual testing
+- Type definitions
+
+## Version History
+
+### 1.0.0 (Upcoming)
+- Initial release
+- Core components from performersportal
+- Full test coverage
+- Storybook documentation

package/dist/config.js

@@ -1,6 +1,6 @@
-export const API_BASE_URL =
-  import.meta.env.VITE_API_BASE_URL || 'https://get-micdrop.com';
-
-export const PUBLIC_GOOGLE_MAPS_API_KEY =
-  import.meta.env.VITE_PUBLIC_GOOGLE_MAPS_API_KEY ||
+export const API_BASE_URL =
+  import.meta.env.VITE_API_BASE_URL || 'https://get-micdrop.com';
+
+export const PUBLIC_GOOGLE_MAPS_API_KEY =
+  import.meta.env.VITE_PUBLIC_GOOGLE_MAPS_API_KEY ||
   'AIzaSyCFB0-9qay7P0jZZDw93SsTnyLtZDlch7Q';

package/dist/config.spec.js

@@ -1,29 +1,29 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-describe('config.js', () => {
-  beforeEach(() => {
-    vi.resetModules();
-  });
-
-  it('exports API_BASE_URL', async () => {
-    const config = await import('./config.js');
-    expect(config.API_BASE_URL).toBeDefined();
-    expect(typeof config.API_BASE_URL).toBe('string');
-  });
-
-  it('exports PUBLIC_GOOGLE_MAPS_API_KEY', async () => {
-    const config = await import('./config.js');
-    expect(config.PUBLIC_GOOGLE_MAPS_API_KEY).toBeDefined();
-    expect(typeof config.PUBLIC_GOOGLE_MAPS_API_KEY).toBe('string');
-  });
-
-  it('uses default API_BASE_URL when env var not set', async () => {
-    const config = await import('./config.js');
-    expect(config.API_BASE_URL).toContain('get-micdrop.com');
-  });
-
-  it('uses default Google Maps key when env var not set', async () => {
-    const config = await import('./config.js');
-    expect(config.PUBLIC_GOOGLE_MAPS_API_KEY).toContain('AIzaSy');
-  });
-});
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+
+describe('config.js', () => {
+  beforeEach(() => {
+    vi.resetModules();
+  });
+
+  it('exports API_BASE_URL', async () => {
+    const config = await import('./config.js');
+    expect(config.API_BASE_URL).toBeDefined();
+    expect(typeof config.API_BASE_URL).toBe('string');
+  });
+
+  it('exports PUBLIC_GOOGLE_MAPS_API_KEY', async () => {
+    const config = await import('./config.js');
+    expect(config.PUBLIC_GOOGLE_MAPS_API_KEY).toBeDefined();
+    expect(typeof config.PUBLIC_GOOGLE_MAPS_API_KEY).toBe('string');
+  });
+
+  it('uses default API_BASE_URL when env var not set', async () => {
+    const config = await import('./config.js');
+    expect(config.API_BASE_URL).toContain('get-micdrop.com');
+  });
+
+  it('uses default Google Maps key when env var not set', async () => {
+    const config = await import('./config.js');
+    expect(config.PUBLIC_GOOGLE_MAPS_API_KEY).toContain('AIzaSy');
+  });
+});

package/dist/constants/formOptions.js

@@ -1,25 +1,25 @@
-/**
- * Form options for dropdowns used across the performers portal.
- * Use these with Select and MultiSelect components instead of
- * creating wrapper components like GenderInput or EthnicityDropdown.
- *
- * Example:
- *   import { GENDER_OPTIONS } from './formOptions';
- *   <Select items={GENDER_OPTIONS} label="Gender" />
- */
-
-export const GENDER_OPTIONS = [
-  { name: "Male", value: 1 },
-  { name: "Female", value: 2 },
-  { name: "Non-Binary", value: 3 },
-];
-
-export const ETHNICITY_OPTIONS = [
-  { name: "American Indian or Alaska Native", value: 0 },
-  { name: "Asian", value: 1 },
-  { name: "Black or African American", value: 2 },
-  { name: "Hispanic or Latino", value: 3 },
-  { name: "Middle Eastern or North African", value: 4 },
-  { name: "Native Hawaiian or Pacific Islander", value: 5 },
-  { name: "White", value: 6 },
-];
+/**
+ * Form options for dropdowns used across the performers portal.
+ * Use these with Select and MultiSelect components instead of
+ * creating wrapper components like GenderInput or EthnicityDropdown.
+ *
+ * Example:
+ *   import { GENDER_OPTIONS } from './formOptions';
+ *   <Select items={GENDER_OPTIONS} label="Gender" />
+ */
+
+export const GENDER_OPTIONS = [
+  { name: "Male", value: 1 },
+  { name: "Female", value: 2 },
+  { name: "Non-Binary", value: 3 },
+];
+
+export const ETHNICITY_OPTIONS = [
+  { name: "American Indian or Alaska Native", value: 0 },
+  { name: "Asian", value: 1 },
+  { name: "Black or African American", value: 2 },
+  { name: "Hispanic or Latino", value: 3 },
+  { name: "Middle Eastern or North African", value: 4 },
+  { name: "Native Hawaiian or Pacific Islander", value: 5 },
+  { name: "White", value: 6 },
+];

package/dist/constants/formOptions.spec.js

@@ -1,88 +1,88 @@
-import { describe, it, expect } from 'vitest';
-import { GENDER_OPTIONS, ETHNICITY_OPTIONS } from './formOptions.js';
-
-describe('formOptions', () => {
-  describe('GENDER_OPTIONS', () => {
-    it('exports gender options array', () => {
-      expect(GENDER_OPTIONS).toBeDefined();
-      expect(Array.isArray(GENDER_OPTIONS)).toBe(true);
-    });
-
-    it('has three options', () => {
-      expect(GENDER_OPTIONS.length).toBe(3);
-    });
-
-    it('contains Male option with value 1', () => {
-      const male = GENDER_OPTIONS.find(opt => opt.name === 'Male');
-      expect(male).toBeDefined();
-      expect(male.value).toBe(1);
-    });
-
-    it('contains Female option with value 2', () => {
-      const female = GENDER_OPTIONS.find(opt => opt.name === 'Female');
-      expect(female).toBeDefined();
-      expect(female.value).toBe(2);
-    });
-
-    it('contains Non-Binary option with value 3', () => {
-      const nonBinary = GENDER_OPTIONS.find(opt => opt.name === 'Non-Binary');
-      expect(nonBinary).toBeDefined();
-      expect(nonBinary.value).toBe(3);
-    });
-
-    it('each option has name and value properties', () => {
-      GENDER_OPTIONS.forEach(option => {
-        expect(option).toHaveProperty('name');
-        expect(option).toHaveProperty('value');
-        expect(typeof option.name).toBe('string');
-        expect(typeof option.value).toBe('number');
-      });
-    });
-  });
-
-  describe('ETHNICITY_OPTIONS', () => {
-    it('exports ethnicity options array', () => {
-      expect(ETHNICITY_OPTIONS).toBeDefined();
-      expect(Array.isArray(ETHNICITY_OPTIONS)).toBe(true);
-    });
-
-    it('has seven options', () => {
-      expect(ETHNICITY_OPTIONS.length).toBe(7);
-    });
-
-    it('contains all expected ethnicities', () => {
-      const names = ETHNICITY_OPTIONS.map(opt => opt.name);
-      expect(names).toContain('American Indian or Alaska Native');
-      expect(names).toContain('Asian');
-      expect(names).toContain('Black or African American');
-      expect(names).toContain('Hispanic or Latino');
-      expect(names).toContain('Middle Eastern or North African');
-      expect(names).toContain('Native Hawaiian or Pacific Islander');
-      expect(names).toContain('White');
-    });
-
-    it('has values 0 through 6', () => {
-      const values = ETHNICITY_OPTIONS.map(opt => opt.value).sort((a, b) => a - b);
-      expect(values).toEqual([0, 1, 2, 3, 4, 5, 6]);
-    });
-
-    it('each option has name and value properties', () => {
-      ETHNICITY_OPTIONS.forEach(option => {
-        expect(option).toHaveProperty('name');
-        expect(option).toHaveProperty('value');
-        expect(typeof option.name).toBe('string');
-        expect(typeof option.value).toBe('number');
-      });
-    });
-
-    it('American Indian or Alaska Native has value 0', () => {
-      const option = ETHNICITY_OPTIONS.find(opt => opt.name === 'American Indian or Alaska Native');
-      expect(option.value).toBe(0);
-    });
-
-    it('White has value 6', () => {
-      const option = ETHNICITY_OPTIONS.find(opt => opt.name === 'White');
-      expect(option.value).toBe(6);
-    });
-  });
-});
+import { describe, it, expect } from 'vitest';
+import { GENDER_OPTIONS, ETHNICITY_OPTIONS } from './formOptions.js';
+
+describe('formOptions', () => {
+  describe('GENDER_OPTIONS', () => {
+    it('exports gender options array', () => {
+      expect(GENDER_OPTIONS).toBeDefined();
+      expect(Array.isArray(GENDER_OPTIONS)).toBe(true);
+    });
+
+    it('has three options', () => {
+      expect(GENDER_OPTIONS.length).toBe(3);
+    });
+
+    it('contains Male option with value 1', () => {
+      const male = GENDER_OPTIONS.find(opt => opt.name === 'Male');
+      expect(male).toBeDefined();
+      expect(male.value).toBe(1);
+    });
+
+    it('contains Female option with value 2', () => {
+      const female = GENDER_OPTIONS.find(opt => opt.name === 'Female');
+      expect(female).toBeDefined();
+      expect(female.value).toBe(2);
+    });
+
+    it('contains Non-Binary option with value 3', () => {
+      const nonBinary = GENDER_OPTIONS.find(opt => opt.name === 'Non-Binary');
+      expect(nonBinary).toBeDefined();
+      expect(nonBinary.value).toBe(3);
+    });
+
+    it('each option has name and value properties', () => {
+      GENDER_OPTIONS.forEach(option => {
+        expect(option).toHaveProperty('name');
+        expect(option).toHaveProperty('value');
+        expect(typeof option.name).toBe('string');
+        expect(typeof option.value).toBe('number');
+      });
+    });
+  });
+
+  describe('ETHNICITY_OPTIONS', () => {
+    it('exports ethnicity options array', () => {
+      expect(ETHNICITY_OPTIONS).toBeDefined();
+      expect(Array.isArray(ETHNICITY_OPTIONS)).toBe(true);
+    });
+
+    it('has seven options', () => {
+      expect(ETHNICITY_OPTIONS.length).toBe(7);
+    });
+
+    it('contains all expected ethnicities', () => {
+      const names = ETHNICITY_OPTIONS.map(opt => opt.name);
+      expect(names).toContain('American Indian or Alaska Native');
+      expect(names).toContain('Asian');
+      expect(names).toContain('Black or African American');
+      expect(names).toContain('Hispanic or Latino');
+      expect(names).toContain('Middle Eastern or North African');
+      expect(names).toContain('Native Hawaiian or Pacific Islander');
+      expect(names).toContain('White');
+    });
+
+    it('has values 0 through 6', () => {
+      const values = ETHNICITY_OPTIONS.map(opt => opt.value).sort((a, b) => a - b);
+      expect(values).toEqual([0, 1, 2, 3, 4, 5, 6]);
+    });
+
+    it('each option has name and value properties', () => {
+      ETHNICITY_OPTIONS.forEach(option => {
+        expect(option).toHaveProperty('name');
+        expect(option).toHaveProperty('value');
+        expect(typeof option.name).toBe('string');
+        expect(typeof option.value).toBe('number');
+      });
+    });
+
+    it('American Indian or Alaska Native has value 0', () => {
+      const option = ETHNICITY_OPTIONS.find(opt => opt.name === 'American Indian or Alaska Native');
+      expect(option.value).toBe(0);
+    });
+
+    it('White has value 6', () => {
+      const option = ETHNICITY_OPTIONS.find(opt => opt.name === 'White');
+      expect(option.value).toBe(6);
+    });
+  });
+});