@papillonarts/components 0.24.0 → 0.26.0

package/build/primer/Form/Input/Input.type.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputType = exports.InputState = exports.InputDefault = void 0;
+var InputState = exports.InputState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var InputType = exports.InputType = {
+  Text: 'text',
+  Password: 'password'
+};
+var InputDefault = exports.InputDefault = {
+  DataTest: null,
+  Id: null,
+  ClassName: null,
+  Placeholder: null,
+  AriaAttr: {
+    label: ''
+  },
+  InputType: InputType.Text,
+  OnChange: function OnChange() {},
+  OnKeyUp: function OnKeyUp() {},
+  OnFocus: function OnFocus() {},
+  OnBlur: function OnBlur() {},
+  AutoFocus: false,
+  State: InputState.Active
+};

package/build/primer/Form/Input/index.d.ts

@@ -1,3 +1,3 @@
 export { Input } from './Input';
-export { inputType, inputState } from './Input.prop';
+export { InputType, InputState } from './Input.type';
 //# sourceMappingURL=index.d.ts.map

package/build/primer/Form/Input/index.js

@@ -9,17 +9,17 @@ Object.defineProperty(exports, "Input", {
     return _Input.Input;
   }
 });
-Object.defineProperty(exports, "inputState", {
+Object.defineProperty(exports, "InputState", {
   enumerable: true,
   get: function get() {
-    return _Input2.inputState;
+    return _Input2.InputState;
   }
 });
-Object.defineProperty(exports, "inputType", {
+Object.defineProperty(exports, "InputType", {
   enumerable: true,
   get: function get() {
-    return _Input2.inputType;
+    return _Input2.InputType;
   }
 });
 var _Input = require("./Input");
-var _Input2 = require("./Input.prop");
+var _Input2 = require("./Input.type");

package/build/primer/Form/Radio/Radio.d.ts

@@ -1,3 +1,3 @@
-import { RadioProps } from './Radio.prop';
-export declare function Radio({ dataTest, className, htmlFor, inputType, name, isChecked, text, onChange, state, }: RadioProps): import("react/jsx-runtime").JSX.Element;
+import { IRadio } from './Radio.type';
+export declare function Radio({ dataTest, className, htmlFor, inputType, name, isChecked, text, onChange, state, }: IRadio): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Radio.d.ts.map

package/build/primer/Form/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA4B,MAAM,cAAc,CAAA;AAInE,wBAAgB,KAAK,CAAC,EACpB,QAAgC,EAChC,SAAkC,EAClC,OAA8B,EAC9B,SAAkC,EAClC,IAAI,EACJ,SAAkC,EAClC,IAAwB,EACxB,QAAQ,EACR,KAA0B,GAC3B,EAAE,UAAU,2CAqBZ"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAA4B,MAAM,cAAc,CAAA;AAI/D,wBAAgB,KAAK,CAAC,EACpB,QAAgC,EAChC,SAAkC,EAClC,OAA8B,EAC9B,SAAkC,EAClC,IAAI,EACJ,SAAkC,EAClC,IAAwB,EACxB,QAAQ,EACR,KAA0B,GAC3B,EAAE,MAAM,2CAqBR"}

package/build/primer/Form/Radio/Radio.js

@@ -8,30 +8,30 @@ exports.Radio = Radio;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
-var _Radio = require("./Radio.prop");
+var _Radio = require("./Radio.type");
 var _Radio2 = _interopRequireDefault(require("./Radio.scss"));
 var _index = _interopRequireDefault(require("../index.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Radio(_ref) {
   var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Radio.defaultProps.dataTest : _ref$dataTest,
+    dataTest = _ref$dataTest === void 0 ? _Radio.RadioDefault.DataTest : _ref$dataTest,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Radio.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Radio.RadioDefault.ClassName : _ref$className,
     _ref$htmlFor = _ref.htmlFor,
-    htmlFor = _ref$htmlFor === void 0 ? _Radio.defaultProps.htmlFor : _ref$htmlFor,
+    htmlFor = _ref$htmlFor === void 0 ? _Radio.RadioDefault.HtmlFor : _ref$htmlFor,
     _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Radio.defaultProps.inputType : _ref$inputType,
+    inputType = _ref$inputType === void 0 ? _Radio.RadioDefault.InputType : _ref$inputType,
     name = _ref.name,
     _ref$isChecked = _ref.isChecked,
-    isChecked = _ref$isChecked === void 0 ? _Radio.defaultProps.isChecked : _ref$isChecked,
+    isChecked = _ref$isChecked === void 0 ? _Radio.RadioDefault.IsChecked : _ref$isChecked,
     _ref$text = _ref.text,
-    text = _ref$text === void 0 ? _Radio.defaultProps.text : _ref$text,
+    text = _ref$text === void 0 ? _Radio.RadioDefault.Text : _ref$text,
     _onChange = _ref.onChange,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Radio.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _Radio.RadioDefault.State : _ref$state;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-test": dataTest,
-    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Radio2["default"]['radio-inactive'], state === _Radio.radioState.inactive)),
+    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Radio2["default"]['radio-inactive'], state === _Radio.RadioState.Inactive)),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       htmlFor: htmlFor,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

package/build/primer/Form/Radio/Radio.type.d.ts

@@ -0,0 +1,31 @@
+export interface IRadioState {
+    Active: 'active';
+    Inactive: 'inactive';
+}
+export declare const RadioState: IRadioState;
+export interface IInputType {
+    Radio: 'radio';
+}
+export declare const InputType: IInputType;
+export interface IRadioDefault {
+    DataTest: string;
+    ClassName: string;
+    HtmlFor: string;
+    InputType: string;
+    IsChecked: boolean;
+    Text: string;
+    State: string;
+}
+export declare const RadioDefault: IRadioDefault;
+export interface IRadio {
+    dataTest?: string;
+    className?: string;
+    htmlFor?: string;
+    inputType?: string;
+    name: string;
+    isChecked?: boolean;
+    text?: string;
+    onChange: (value: any) => void;
+    state?: string;
+}
+//# sourceMappingURL=Radio.type.d.ts.map

package/build/primer/Form/Radio/Radio.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.type.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Radio/Radio.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,QAAQ,CAAA;IAChB,QAAQ,EAAE,UAAU,CAAA;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,WAGxB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,SAAS,EAAE,UAEvB,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,YAAY,EAAE,aAQ1B,CAAA;AAED,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/primer/Form/Radio/Radio.type.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioState = exports.RadioDefault = exports.InputType = void 0;
+var RadioState = exports.RadioState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var InputType = exports.InputType = {
+  Radio: 'radio'
+};
+var RadioDefault = exports.RadioDefault = {
+  DataTest: null,
+  ClassName: null,
+  HtmlFor: 'checkbox',
+  InputType: InputType.Radio,
+  IsChecked: false,
+  Text: null,
+  State: RadioState.Active
+};

package/build/primer/Form/Radio/index.d.ts

@@ -1,3 +1,3 @@
 export { Radio } from './Radio';
-export { radioState } from './Radio.prop';
+export { RadioState } from './Radio.type';
 //# sourceMappingURL=index.d.ts.map

package/build/primer/Form/Radio/index.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Radio", {
     return _Radio.Radio;
   }
 });
-Object.defineProperty(exports, "radioState", {
+Object.defineProperty(exports, "RadioState", {
   enumerable: true,
   get: function get() {
-    return _Radio2.radioState;
+    return _Radio2.RadioState;
   }
 });
 var _Radio = require("./Radio");
-var _Radio2 = require("./Radio.prop");
+var _Radio2 = require("./Radio.type");

package/build/primer/Form/index.d.ts

@@ -4,28 +4,16 @@ import { Radio } from './Radio';
 export declare const Form: {
     Checkbox: {
         Checkbox: typeof Checkbox;
-        checkboxState: {
-            active: string;
-            inactive: string;
-        };
+        CheckboxState: import("./Checkbox/Checkbox.type").ICheckboxState;
     };
     Input: {
         Input: typeof Input;
-        inputType: {
-            text: string;
-            password: string;
-        };
-        inputState: {
-            active: string;
-            inactive: string;
-        };
+        InputType: import("./Input/Input.type").IInputType;
+        InputState: import("./Input/Input.type").IInputState;
     };
     Radio: {
         Radio: typeof Radio;
-        radioState: {
-            active: string;
-            inactive: string;
-        };
+        RadioState: import("./Radio/Radio.type").IRadioState;
     };
 };
 //# sourceMappingURL=index.d.ts.map

package/build/primer/Form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,KAAK,EAAyB,MAAM,SAAS,CAAA;AACtD,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAA;AAE3C,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAchB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,KAAK,EAAyB,MAAM,SAAS,CAAA;AACtD,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAA;AAE3C,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAchB,CAAA"}

package/build/primer/Form/index.js

@@ -10,15 +10,15 @@ var _Radio = require("./Radio");
 var Form = exports.Form = {
   Checkbox: {
     Checkbox: _Checkbox.Checkbox,
-    checkboxState: _Checkbox.checkboxState
+    CheckboxState: _Checkbox.CheckboxState
   },
   Input: {
     Input: _Input.Input,
-    inputType: _Input.inputType,
-    inputState: _Input.inputState
+    InputType: _Input.InputType,
+    InputState: _Input.InputState
   },
   Radio: {
     Radio: _Radio.Radio,
-    radioState: _Radio.radioState
+    RadioState: _Radio.RadioState
   }
 };

package/build/primer/Grid/DisplayTable/DisplayTable.d.ts

@@ -1,3 +1,3 @@
-import { DisplayTableProps } from './DisplayTable.prop';
-export declare function DisplayTable({ className, items, idIndex, isSelectedIndex, }: DisplayTableProps): import("react/jsx-runtime").JSX.Element;
+import { IDisplayTable } from './DisplayTable.type';
+export declare function DisplayTable({ className, items, idIndex, isSelectedIndex, }: IDisplayTable): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DisplayTable.d.ts.map

package/build/primer/Grid/DisplayTable/DisplayTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayTable.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/DisplayTable/DisplayTable.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,qBAAqB,CAAA;AAErE,wBAAgB,YAAY,CAAC,EAC3B,SAAkC,EAClC,KAAK,EACL,OAA8B,EAC9B,eAA8C,GAC/C,EAAE,iBAAiB,2CAmDnB"}
+{"version":3,"file":"DisplayTable.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/DisplayTable/DisplayTable.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAuB,MAAM,qBAAqB,CAAA;AAExE,wBAAgB,YAAY,CAAC,EAC3B,SAAyC,EACzC,KAAK,EACL,OAAqC,EACrC,eAAqD,GACtD,EAAE,aAAa,2CAmDf"}

package/build/primer/Grid/DisplayTable/DisplayTable.js

@@ -14,16 +14,16 @@ var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/ut
 var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
 var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
 var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
-var _DisplayTable = require("./DisplayTable.prop");
+var _DisplayTable = require("./DisplayTable.type");
 var _jsxRuntime = require("react/jsx-runtime");
 function DisplayTable(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _DisplayTable.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _DisplayTable.DisplayTableDefault.ClassName : _ref$className,
     items = _ref.items,
     _ref$idIndex = _ref.idIndex,
-    idIndex = _ref$idIndex === void 0 ? _DisplayTable.defaultProps.idIndex : _ref$idIndex,
+    idIndex = _ref$idIndex === void 0 ? _DisplayTable.DisplayTableDefault.IdIndex : _ref$idIndex,
     _ref$isSelectedIndex = _ref.isSelectedIndex,
-    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _DisplayTable.defaultProps.isSelectedIndex : _ref$isSelectedIndex;
+    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _DisplayTable.DisplayTableDefault.IsSelectedIndex : _ref$isSelectedIndex;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])(className, _visibilityDisplay["default"]['d-table'], _grid["default"]['col-12'], _colors["default"]['bg-blue-light']),

package/build/primer/Grid/DisplayTable/DisplayTable.type.d.ts

@@ -0,0 +1,20 @@
+export interface IDisplayTableDefault {
+    ClassName: string;
+    IdIndex: number;
+    IsSelectedIndex: number;
+}
+export declare const DisplayTableDefault: IDisplayTableDefault;
+export interface IValue {
+    value: React.ReactNode;
+}
+export interface IItem {
+    names: React.ReactNode[];
+    values: IValue[] | React.ReactNode[];
+}
+export interface IDisplayTable {
+    className: string;
+    items: IItem[];
+    idIndex: number;
+    isSelectedIndex: number;
+}
+//# sourceMappingURL=DisplayTable.type.d.ts.map

package/build/primer/Grid/DisplayTable/DisplayTable.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayTable.type.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/DisplayTable/DisplayTable.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,oBAIjC,CAAA;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CACrC;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;CACxB"}

package/build/primer/Grid/DisplayTable/DisplayTable.type.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisplayTableDefault = void 0;
+var DisplayTableDefault = exports.DisplayTableDefault = {
+  ClassName: null,
+  IdIndex: -1,
+  IsSelectedIndex: -1
+};

package/build/primer/Grid/FlexGrid/FlexGrid.d.ts

@@ -1,3 +1,3 @@
-import { FlexGridProps } from './FlexGrid.prop';
-export declare function FlexGrid({ className, items, idIndex, isSelectedIndex, selection, sort, onChange, onClick, onDoubleClick, iconColor, state, }: FlexGridProps): import("react/jsx-runtime").JSX.Element;
+import { IFlexGrid } from './FlexGrid.type';
+export declare function FlexGrid({ className, items, idIndex, isSelectedIndex, selection, sort, onChange, onClick, onDoubleClick, iconColor, state, }: IFlexGrid): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FlexGrid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlexGrid.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/FlexGrid/FlexGrid.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,aAAa,EAAkD,MAAM,iBAAiB,CAAA;AAM/F,wBAAgB,QAAQ,CAAC,EACvB,SAAkC,EAClC,KAAK,EACL,OAA8B,EAC9B,eAA8C,EAC9C,SAAkC,EAClC,IAAI,EACJ,QAAgC,EAChC,OAA8B,EAC9B,aAA0C,EAC1C,SAAkC,EAClC,KAA0B,GAC3B,EAAE,aAAa,2CAgPf"}
+{"version":3,"file":"FlexGrid.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/FlexGrid/FlexGrid.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,SAAS,EAAqD,MAAM,iBAAiB,CAAA;AAM9F,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/primer/Grid/FlexGrid/FlexGrid.js

@@ -22,43 +22,47 @@ var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/uti
 var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
 var _index = _interopRequireDefault(require("@papillonarts/css/build/primer/truncate/index.scss"));
 var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
-var _FlexGrid = require("./FlexGrid.prop");
+var _FlexGrid = require("./FlexGrid.type");
 var _FlexGrid2 = _interopRequireDefault(require("./FlexGrid.scss"));
 var _Radio = require("../../Form/Radio");
 var _Checkbox = require("../../Form/Checkbox");
 var _Icon = require("../../Icon");
 var _jsxRuntime = require("react/jsx-runtime");
+// import { getCapizalizedString } from '../../../../../library/src/string'
+
+// import { SortOrder } from '../../../../../library/src/sort'
+
 function FlexGrid(_ref) {
   var _items$;
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _FlexGrid.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _FlexGrid.FlexGridDefault.ClassName : _ref$className,
     items = _ref.items,
     _ref$idIndex = _ref.idIndex,
-    idIndex = _ref$idIndex === void 0 ? _FlexGrid.defaultProps.idIndex : _ref$idIndex,
+    idIndex = _ref$idIndex === void 0 ? _FlexGrid.FlexGridDefault.IdIndex : _ref$idIndex,
     _ref$isSelectedIndex = _ref.isSelectedIndex,
-    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _FlexGrid.defaultProps.isSelectedIndex : _ref$isSelectedIndex,
+    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _FlexGrid.FlexGridDefault.IsSelectedIndex : _ref$isSelectedIndex,
     _ref$selection = _ref.selection,
-    selection = _ref$selection === void 0 ? _FlexGrid.defaultProps.selection : _ref$selection,
+    selection = _ref$selection === void 0 ? _FlexGrid.FlexGridDefault.Selection : _ref$selection,
     sort = _ref.sort,
     _ref$onChange = _ref.onChange,
-    _onChange = _ref$onChange === void 0 ? _FlexGrid.defaultProps.onChange : _ref$onChange,
+    _onChange = _ref$onChange === void 0 ? _FlexGrid.FlexGridDefault.OnChange : _ref$onChange,
     _ref$onClick = _ref.onClick,
-    _onClick = _ref$onClick === void 0 ? _FlexGrid.defaultProps.onClick : _ref$onClick,
+    _onClick = _ref$onClick === void 0 ? _FlexGrid.FlexGridDefault.OnClick : _ref$onClick,
     _ref$onDoubleClick = _ref.onDoubleClick,
-    _onDoubleClick = _ref$onDoubleClick === void 0 ? _FlexGrid.defaultProps.onDoubleClick : _ref$onDoubleClick,
+    _onDoubleClick = _ref$onDoubleClick === void 0 ? _FlexGrid.FlexGridDefault.OnDoubleClick : _ref$onDoubleClick,
     _ref$iconColor = _ref.iconColor,
-    iconColor = _ref$iconColor === void 0 ? _FlexGrid.defaultProps.iconColor : _ref$iconColor,
+    iconColor = _ref$iconColor === void 0 ? _FlexGrid.FlexGridDefault.IconColor : _ref$iconColor,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _FlexGrid.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _FlexGrid.FlexGridDefault.State : _ref$state;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _FlexGrid2["default"]['flexGrid-inactive'], state === _FlexGrid.flexGridState.inactive)),
+    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _FlexGrid2["default"]['flexGrid-inactive'], state === _FlexGrid.FlexGridState.Inactive)),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _flexbox["default"]['flex-items-start'], _colors["default"]['bg-blue-light'], (0, _defineProperty2["default"])({}, _borders["default"].border, items === null || items === void 0 ? void 0 : items[0])),
       children: items === null || items === void 0 || (_items$ = items[0]) === null || _items$ === void 0 || (_items$ = _items$.names) === null || _items$ === void 0 ? void 0 : _items$.map(function (name, nameIndex) {
         var _items$2;
         var isIdColumn = nameIndex === idIndex;
         var isSelectedColumn = nameIndex === isSelectedIndex;
-        var isSelectedComponent = selection === _FlexGrid.flexGridSelection.radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+        var isSelectedComponent = selection === _FlexGrid.FlexGridSelection.Radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
           ariaAttr: {
             describedBy: name.toString()
           },
@@ -87,14 +91,14 @@ function FlexGrid(_ref) {
         if (sort.index === nameIndex && sort.value === name) {
           if (sort.order === _sort.SortOrder.Ascending) {
             sortComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-              icon: _Icon.iconName.TriangleUp16,
-              size: _Icon.iconSize.small,
+              icon: _Icon.IconName.TriangleUp16,
+              size: _Icon.IconSize.Small,
               fill: iconColor.sort
             });
           } else {
             sortComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-              icon: _Icon.iconName.TriangleDown16,
-              size: _Icon.iconSize.small,
+              icon: _Icon.IconName.TriangleDown16,
+              size: _Icon.IconSize.Small,
               fill: iconColor.sort
             });
           }
@@ -120,7 +124,8 @@ function FlexGrid(_ref) {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: (0, _classnames["default"])(_index["default"]['css-truncate'], _index["default"]['css-truncate-overflow']),
                 children: (0, _string.getCapizalizedString)({
-                  string: name
+                  string: 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']),
@@ -167,7 +172,7 @@ function FlexGrid(_ref) {
         children: item.values.map(function (value, valueIndex) {
           var isIdColumn = valueIndex === idIndex;
           var isSelectedColumn = valueIndex === isSelectedIndex;
-          var isSelectedComponent = selection === _FlexGrid.flexGridSelection.radio ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
+          var isSelectedComponent = selection === _FlexGrid.FlexGridSelection.Radio ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
             name: "isSelected",
             isChecked: item.values[isSelectedIndex] === true,
             onChange: function onChange(event) {
@@ -218,8 +223,8 @@ function FlexGrid(_ref) {
             }
           });
           var iconComponent = value !== null && value !== void 0 && value.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-            icon: _Icon.iconName[value.icon],
-            size: _Icon.iconSize.small,
+            icon: _Icon.IconName[value.icon],
+            size: _Icon.IconSize.Small,
             fill: iconColor.object
           }) : null;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {

package/build/primer/Grid/FlexGrid/FlexGrid.type.d.ts

@@ -0,0 +1,49 @@
+import { ISort } from '@papillonarts/library/sort/type';
+export interface IFlexGridState {
+    Active: string;
+    Inactive: string;
+}
+export declare const FlexGridState: IFlexGridState;
+export interface IFlexGridSelection {
+    Checkbox: string;
+    Radio: string;
+}
+export declare const FlexGridSelection: IFlexGridSelection;
+export interface IIconColor {
+    sort: string;
+    object: string;
+}
+export interface IFlexGridDefault {
+    ClassName: string;
+    IdIndex: number;
+    IsSelectedIndex: number;
+    Selection: string;
+    OnChange: () => void;
+    OnClick: () => void;
+    OnDoubleClick: () => void;
+    IconColor: IIconColor;
+    State: string;
+}
+export declare const FlexGridDefault: IFlexGridDefault;
+export interface IFlexGridItemValue {
+    value: React.ReactNode;
+    icon: React.ReactNode;
+}
+export interface IFlexGridItem {
+    names: React.ReactNode[];
+    values: IFlexGridItemValue[] | React.ReactNode[];
+}
+export interface IFlexGrid {
+    className?: string;
+    items: IFlexGridItem[];
+    idIndex?: number;
+    isSelectedIndex?: number;
+    selection?: string;
+    sort: ISort;
+    onChange?: (value: any) => void;
+    onClick?: (value: any) => void;
+    onDoubleClick?: (value: any) => void;
+    iconColor?: IIconColor;
+    state?: string;
+}
+//# sourceMappingURL=FlexGrid.type.d.ts.map

package/build/primer/Grid/FlexGrid/FlexGrid.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexGrid.type.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/FlexGrid/FlexGrid.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAGvD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,cAG3B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,SAAS,EAAE,UAAU,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,gBAa7B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACxB,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CACjD;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/primer/Grid/FlexGrid/FlexGrid.type.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlexGridState = exports.FlexGridSelection = exports.FlexGridDefault = void 0;
+// import { ISort } from '../../../../../library/src/sort/type'
+
+var FlexGridState = exports.FlexGridState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var FlexGridSelection = exports.FlexGridSelection = {
+  Checkbox: 'checkbox',
+  Radio: 'radio'
+};
+var FlexGridDefault = exports.FlexGridDefault = {
+  ClassName: null,
+  IdIndex: -1,
+  IsSelectedIndex: -1,
+  Selection: FlexGridSelection.Checkbox,
+  OnChange: function OnChange() {},
+  OnClick: function OnClick() {},
+  OnDoubleClick: function OnDoubleClick() {},
+  IconColor: {
+    sort: '#990000',
+    object: '#79b8ff'
+  },
+  State: FlexGridState.Active
+};

package/build/primer/Grid/FlexGrid/index.d.ts

@@ -1,3 +1,4 @@
 export { FlexGrid } from './FlexGrid';
-export { flexGridSelection, flexGridState } from './FlexGrid.prop';
+export { FlexGridSelection, FlexGridState } from './FlexGrid.type';
+export type { IFlexGridItem } from './FlexGrid.type';
 //# sourceMappingURL=index.d.ts.map

package/build/primer/Grid/FlexGrid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/FlexGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/FlexGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/build/primer/Grid/FlexGrid/index.js

@@ -9,17 +9,17 @@ Object.defineProperty(exports, "FlexGrid", {
     return _FlexGrid.FlexGrid;
   }
 });
-Object.defineProperty(exports, "flexGridSelection", {
+Object.defineProperty(exports, "FlexGridSelection", {
   enumerable: true,
   get: function get() {
-    return _FlexGrid2.flexGridSelection;
+    return _FlexGrid2.FlexGridSelection;
   }
 });
-Object.defineProperty(exports, "flexGridState", {
+Object.defineProperty(exports, "FlexGridState", {
   enumerable: true,
   get: function get() {
-    return _FlexGrid2.flexGridState;
+    return _FlexGrid2.FlexGridState;
   }
 });
 var _FlexGrid = require("./FlexGrid");
-var _FlexGrid2 = require("./FlexGrid.prop");
+var _FlexGrid2 = require("./FlexGrid.type");

package/build/primer/Grid/index.d.ts

@@ -1,15 +1,10 @@
 import { DisplayTable } from './DisplayTable';
 import { FlexGrid } from './FlexGrid';
+export type { IFlexGridItem } from './FlexGrid';
 export declare const Grid: {
     DisplayTable: typeof DisplayTable;
     FlexGrid: typeof FlexGrid;
-    flexGridSelection: {
-        checkbox: string;
-        radio: string;
-    };
-    flexGridState: {
-        active: string;
-        inactive: string;
-    };
+    FlexGridSelection: import("./FlexGrid/FlexGrid.type").IFlexGridSelection;
+    FlexGridState: import("./FlexGrid/FlexGrid.type").IFlexGridState;
 };
 //# sourceMappingURL=index.d.ts.map

package/build/primer/Grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAoC,MAAM,YAAY,CAAA;AAEvE,eAAO,MAAM,IAAI;;;;;;;;;;;CAKhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAoC,MAAM,YAAY,CAAA;AACvE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,IAAI;;;;;CAKhB,CAAA"}

package/build/primer/Grid/index.js

@@ -9,6 +9,6 @@ var _FlexGrid = require("./FlexGrid");
 var Grid = exports.Grid = {
   DisplayTable: _DisplayTable.DisplayTable,
   FlexGrid: _FlexGrid.FlexGrid,
-  flexGridSelection: _FlexGrid.flexGridSelection,
-  flexGridState: _FlexGrid.flexGridState
+  FlexGridSelection: _FlexGrid.FlexGridSelection,
+  FlexGridState: _FlexGrid.FlexGridState
 };

package/build/primer/Icon/Icon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from './Icon.prop';
-export declare function Icon({ className, ariaLabel, icon, height, width, size, fill, verticalAlign, ...otherProps }: IconProps): import("react/jsx-runtime").JSX.Element;
+import { IIcon } from './Icon.type';
+export declare function Icon({ className, ariaLabel, icon, height, width, size, fill, verticalAlign, ...otherProps }: IIcon): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Icon.d.ts.map

package/build/primer/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/primer/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqC,MAAM,aAAa,CAAA;AAK1E,wBAAgB,IAAI,CAAC,EACnB,SAAkC,EAClC,SAAkC,EAClC,IAAI,EACJ,MAA4B,EAC5B,KAA0B,EAC1B,IAAwB,EACxB,IAAwB,EACxB,aAA0C,EAC1C,GAAG,UAAU,EACd,EAAE,SAAS,2CAiCX"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/primer/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAoC,MAAM,aAAa,CAAA;AAKrE,wBAAgB,IAAI,CAAC,EACnB,SAAiC,EACjC,SAAiC,EACjC,IAAI,EACJ,MAA2B,EAC3B,KAAyB,EACzB,IAAuB,EACvB,IAAuB,EACvB,aAAyC,EACzC,GAAG,UAAU,EACd,EAAE,KAAK,2CAiCP"}