@papillonarts/components 0.40.0 → 0.42.0

package/build/Legacy/Grid/FlexGrid/FlexGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexGrid.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/FlexGrid/FlexGrid.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAqD,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE9F,wBAAgB,QAAQ,CAAC,EACvB,SAAqC,EACrC,KAAK,EACL,OAAiC,EACjC,eAAiD,EACjD,SAAqC,EACrC,IAAI,EACJ,QAAmC,EACnC,OAAiC,EACjC,aAA6C,EAC7C,SAAqC,EACrC,KAA6B,GAC9B,EAAE,SAAS,2CA8OX"}
+{"version":3,"file":"FlexGrid.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/FlexGrid/FlexGrid.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAqD,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE9F,wBAAgB,QAAQ,CAAC,EACvB,SAAqC,EACrC,KAAK,EACL,OAAiC,EACjC,eAAiD,EACjD,SAAqC,EACrC,IAAI,EACJ,QAAmC,EACnC,OAAiC,EACjC,aAA6C,EAC7C,SAAqC,EACrC,KAA6B,GAC9B,EAAE,SAAS,2CAgPX"}

package/build/Legacy/Grid/FlexGrid/FlexGrid.js

@@ -17,6 +17,7 @@ var _padding = _interopRequireDefault(require("@papillonarts/css/utilities/paddi
 var _typography = _interopRequireDefault(require("@papillonarts/css/utilities/typography.scss"));
 var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/utilities/visibility-display.scss"));
 var _sort = require("@papillonarts/library/sort");
+var _string = require("@papillonarts/library/string");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _uuid = require("uuid");
@@ -27,8 +28,6 @@ var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
 var _FlexGrid = _interopRequireDefault(require("./FlexGrid.scss"));
 var _FlexGrid2 = require("./FlexGrid.type");
 var _jsxRuntime = require("react/jsx-runtime");
-// import { getCapitalizedString } from '@papillonarts/library/string'
-
 function FlexGrid(_ref) {
   var _items$;
   var _ref$className = _ref.className,
@@ -119,7 +118,11 @@ function FlexGrid(_ref) {
             children: isSelectedColumn ? isSelectedComponent : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _layout["default"]['width-full']),
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: (0, _classnames["default"])(_index["default"]['css-truncate'], _index["default"]['css-truncate-overflow'])
+                className: (0, _classnames["default"])(_index["default"]['css-truncate'], _index["default"]['css-truncate-overflow']),
+                children: (0, _string.getCapitalizedString)({
+                  input: name.toString(),
+                  separator: '-'
+                })
               }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                 className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-items-start'], _margin["default"]['ml-1']),
                 children: [sortComponent, nameIndex < (items === null || items === void 0 || (_items$2 = items[0]) === null || _items$2 === void 0 ? void 0 : _items$2.names.length) - 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonarts/components",
-  "version": "0.40.0",
+  "version": "0.42.0",
   "description": "Papillon Arts Components",
   "homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
   "repository": {
@@ -26,8 +26,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonarts/css": "^0.40.0",
-    "@papillonarts/library": "^0.40.0"
+    "@papillonarts/css": "^0.42.0",
+    "@papillonarts/library": "^0.42.0"
   },
-  "gitHead": "7a19d357d33591ad460a6cb42f18963082beffd8"
+  "gitHead": "4b8cd00e12214132f87b702855aa37dc506dbadd"
 }

package/build/__tests__/README.md

@@ -1,159 +0,0 @@
-# Test Environment
-
-## Date Handling
-
-All tests use UTC timezone with ISO-like formatting to prevent snapshot drift across different environments and timezones.
-
-Date.prototype methods are patched in [jest.setup.js](../../../../jest.setup.js) to ensure deterministic output:
-- `toLocaleString()` → "yyyy-MM-ddTHH:mm:ssZ" (ISO-like, explicit UTC)
-- `toLocaleDateString()` → "yyyy-MM-dd"
-- `toLocaleTimeString()` → "HH:mm:ssZ"
-
-**Example:**
-```javascript
-new Date('2020-07-05T19:04:15Z').toLocaleString() // "2020-07-05T19:04:15Z"
-```
-
-## Test Scripts
-
-- **`npm test`** - Fast parallel execution (no coverage, no snapshot updates)
-  - Best for: Local development, quick feedback
-  - Workers: 50% of CPU cores
-  - Duration: ~49s
-
-- **`npm run test:ci`** - Full CI run (serial, coverage, updates snapshots)
-  - Best for: CI/CD, pre-commit validation, snapshot updates
-  - Workers: 1 (--runInBand for determinism)
-  - Duration: ~97s
-
-- **`npm run test:coverage`** - Parallel with coverage
-  - Best for: Coverage reports without snapshot updates
-  - Workers: 50% of CPU cores
-  - Duration: ~49s
-
-- **`npm run test:tdd`** - Watch mode for local development
-  - Best for: Test-driven development
-  - Features: Watch mode, verbose output, only changed files
-
-- **`npm run test:update-snapshots`** - Update snapshots only
-  - Best for: Intentional snapshot updates without full CI run
-
-- **`npm run test:generate-output`** - Generate JSON output for Storybook
-  - Best for: Storybook integration
-
-## Test Structure
-
-```
-packages/components/src/
-├── Legacy/
-│   ├── Button/
-│   │   ├── __tests__/
-│   │   │   ├── Button.test.ts       # Test file
-│   │   │   └── __snapshots__/       # Snapshot files
-│   │   └── Button.tsx
-│   └── ...
-├── Modern/
-│   └── ...
-└── __tests__/
-    ├── README.md        # This file
-    └── test-utils.ts    # Shared test utilities
-```
-
-## Test Conventions
-
-- **Test files**: `*.test.ts` or `*.test.tsx`
-- **Snapshot files**: Stored in `__snapshots__/` directories
-- **Test utilities**: Shared helpers in `__tests__/test-utils.ts`
-
-## Coverage Thresholds
-
-Thresholds reflect the broader instrumentation baseline and are enforced only in CI or when explicitly enabled.
-
-| Metric      | Threshold | Rationale                                    |
-|-------------|-----------|----------------------------------------------|
-| Statements  | 63%       | Broader scope including library/lodash       |
-| Branches    | 60%       | Accounts for untested conditional paths      |
-| Functions   | 52%       | Library barrels and type-only exports        |
-| Lines       | 64%       | Matches statements threshold                 |
-
-Enforcement:
-- Local fast dev (`npm test`): thresholds not enforced.
-- Local CI-style (`COVERAGE=true npm run test:ci`): thresholds enforced.
-- CI (`CI=true npm run test:ci`): thresholds enforced.
-
-## Running Tests
-
-### Quick Development Cycle
-```bash
-npm test                    # Fast feedback
-npm run test:tdd           # Watch mode
-```
-
-### Before Committing
-```bash
-npm run test:ci            # Full validation with coverage
-```
-
-### Updating Snapshots
-```bash
-npm run test:update-snapshots   # Update snapshots only
-npm run test:ci                 # Update + coverage
-```
-
-## Shared Test Utilities
-
-Use helpers from `test-utils.ts` to reduce boilerplate:
-
-```typescript
-import { renderSnapshot, renderSnapshotAsync } from '../__tests__/test-utils'
-
-// Synchronous snapshot
-test('must match defaults()', () => {
-  renderSnapshot(defaults())
-})
-
-// Async snapshot
-test('must match async()', async () => {
-  await renderSnapshotAsync(async())
-})
-```
-
-## Troubleshooting
-
-### Snapshot Drift
-If snapshots keep changing:
-1. Verify UTC timezone is set (`process.env.TZ = 'UTC'` in jest.setup.js)
-2. Check date formatting functions are using UTC methods (`getUTCDate()`, not `getDate()`)
-3. Run `npm run test:ci` to update snapshots with deterministic settings
-
-### Coverage Threshold Failures
-- Local `npm test` does not enforce thresholds; use it for fast development.
-- Use `COVERAGE=true npm run test:ci` to enforce thresholds locally before CI.
-- Coverage thresholds are enforced in CI to maintain code quality.
-
-### Slow Test Execution
-- Use `npm test` instead of `npm run test:ci` for development (2x faster)
-- Use `npm run test:tdd` to run only changed tests
-- Check for heavy setup/teardown in `beforeEach`/`afterEach` hooks
-
-## CI/CD Integration
-
-For CI pipelines, always use:
-```bash
-CI=true npm run test:ci
-```
-
-This ensures:
-- Serial execution for deterministic results
-- Coverage reports for Codecov
-- Snapshot updates are captured
-- Coverage thresholds are enforced
-- Consistent timing measurements
-
-## Shared Utilities
-
-Import helpers from this folder to reduce boilerplate:
-
-```ts
-import { renderSnapshot, renderSnapshotAsync, waitFor } from './test-utils'
-```