@papillonarts/components 0.48.0 → 0.49.1

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

@@ -2,21 +2,4 @@
 
 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/Legacy/Form/Radio/__tests__/Radio.doc.md

@@ -17,7 +17,7 @@ export interface IRadio {
   name: string
   isChecked?: boolean
   text?: string
-  onChange: (value) => void
+  onChange: (event: ChangeEvent<HTMLInputElement>) => void
   state?: string
 }
 ```

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

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

package/build/Legacy/Form/Radio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Form/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Form/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA"}

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

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Radio.Radio;
   }
 });
 Object.defineProperty(exports, "RadioState", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Radio2.RadioState;
   }
 });
 var _Radio = require("./Radio");
-var _Radio2 = require("./Radio.type");
+var _Radio2 = require("./Radio.const");

package/build/Legacy/Form/index.js

@@ -7,7 +7,7 @@ exports.Form = void 0;
 var _Checkbox = require("./Checkbox");
 var _Input = require("./Input");
 var _Radio = require("./Radio");
-var Form = exports.Form = {
+const Form = exports.Form = {
   Checkbox: {
     Checkbox: _Checkbox.Checkbox,
     CheckboxState: _Checkbox.CheckboxState

package/build/Legacy/Grid/DisplayTable/DisplayTable.const.d.ts

@@ -0,0 +1,3 @@
+import type { IDisplayTableDefault } from './DisplayTable.type';
+export declare const DisplayTableDefault: IDisplayTableDefault;
+//# sourceMappingURL=DisplayTable.const.d.ts.map

package/build/Legacy/Grid/DisplayTable/DisplayTable.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayTable.const.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/DisplayTable/DisplayTable.const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE/D,eAAO,MAAM,mBAAmB,EAAE,oBAIjC,CAAA"}

package/build/Legacy/Grid/DisplayTable/DisplayTable.const.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayTable.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/DisplayTable/DisplayTable.tsx"],"names":[],"mappings":"AASA,OAAO,EAAuB,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExE,wBAAgB,YAAY,CAAC,EAC3B,SAAyC,EACzC,KAAK,EACL,OAAqC,EACrC,eAAqD,GACtD,EAAE,aAAa,2CAmDf"}
+{"version":3,"file":"DisplayTable.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/DisplayTable/DisplayTable.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAIhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExD,wBAAgB,YAAY,CAAC,EAC3B,SAAyC,EACzC,KAAK,EACL,OAAqC,EACrC,eAAqD,GACtD,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAmD7B"}

package/build/Legacy/Grid/DisplayTable/DisplayTable.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,44 +14,39 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _uuid = require("uuid");
 var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
-var _DisplayTable = require("./DisplayTable.type");
+var _DisplayTable = require("./DisplayTable.const");
 var _jsxRuntime = require("react/jsx-runtime");
-function DisplayTable(_ref) {
-  var _ref$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.DisplayTableDefault.IdIndex : _ref$idIndex,
-    _ref$isSelectedIndex = _ref.isSelectedIndex,
-    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _DisplayTable.DisplayTableDefault.IsSelectedIndex : _ref$isSelectedIndex;
+function DisplayTable({
+  className = _DisplayTable.DisplayTableDefault.ClassName,
+  items,
+  idIndex = _DisplayTable.DisplayTableDefault.IdIndex,
+  isSelectedIndex = _DisplayTable.DisplayTableDefault.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']),
-      children: items[0].names.map(function (name, index) {
-        var isIdColumn = index === idIndex;
-        var isSelectedColumn = index === isSelectedIndex;
+      className: (0, _classnames.default)(className, _visibilityDisplay.default['d-table'], _grid.default['col-12'], _colors.default['bg-blue-light']),
+      children: items[0].names.map((name, index) => {
+        const isIdColumn = index === idIndex;
+        const isSelectedColumn = index === isSelectedIndex;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
           children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: (0, _classnames["default"])(_grid["default"]['col-2'], _visibilityDisplay["default"]['d-table-cell'], _borders["default"].border, _padding["default"]['p-2'], _typography["default"].h6),
+            className: (0, _classnames.default)(_grid.default['col-2'], _visibilityDisplay.default['d-table-cell'], _borders.default.border, _padding.default['p-2'], _typography.default.h6),
             children: isSelectedColumn ? '' : name
           }, (0, _uuid.v1)())
         }, (0, _uuid.v1)());
       })
-    }), items.map(function (item) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])(className, _visibilityDisplay["default"]['d-table'], _grid["default"]['col-12']),
-        children: item.values.map(function (value, valueIndex) {
-          var _value$value;
-          var isIdColumn = valueIndex === idIndex;
-          var isSelectedColumn = valueIndex === isSelectedIndex;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-            children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: (0, _classnames["default"])(_grid["default"]['col-2'], _visibilityDisplay["default"]['d-table-cell'], _borders["default"].border, _padding["default"]['p-2']),
-              children: isSelectedColumn ? '' : (_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : value
-            }, (0, _uuid.v1)())
-          }, (0, _uuid.v1)());
-        })
-      }, (0, _uuid.v1)());
-    })]
+    }), items.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(className, _visibilityDisplay.default['d-table'], _grid.default['col-12']),
+      children: item.values.map((value, valueIndex) => {
+        const isIdColumn = valueIndex === idIndex;
+        const isSelectedColumn = valueIndex === isSelectedIndex;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+          children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classnames.default)(_grid.default['col-2'], _visibilityDisplay.default['d-table-cell'], _borders.default.border, _padding.default['p-2']),
+            children: isSelectedColumn ? '' : value?.value ?? value
+          }, (0, _uuid.v1)())
+        }, (0, _uuid.v1)());
+      })
+    }, (0, _uuid.v1)()))]
   });
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayTable.type.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/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"}
+{"version":3,"file":"DisplayTable.type.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/DisplayTable/DisplayTable.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;CACxB;AACD,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,SAAS,CAAA;CACjB;AACD,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;CAC/B;AACD,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB"}

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

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

package/build/Legacy/Grid/DisplayTable/__tests__/DisplayTable.doc.md

@@ -12,10 +12,10 @@ DisplayTable all props and variants
 
 ```typescript
 export interface IDisplayTable {
-  className: string
+  className?: string
   items: IItem[]
-  idIndex: number
-  isSelectedIndex: number
+  idIndex?: number
+  isSelectedIndex?: number
 }
 ```
 

package/build/Legacy/Grid/DisplayTable/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DisplayTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DisplayTable.DisplayTable;
   }
 });

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

@@ -0,0 +1,5 @@
+import type { IFlexGridDefault, IFlexGridSelection, IFlexGridState } from './FlexGrid.type';
+export declare const FlexGridState: IFlexGridState;
+export declare const FlexGridSelection: IFlexGridSelection;
+export declare const FlexGridDefault: IFlexGridDefault;
+//# sourceMappingURL=FlexGrid.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexGrid.const.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/FlexGrid/FlexGrid.const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAE3F,eAAO,MAAM,aAAa,EAAE,cAG3B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,gBAa7B,CAAA"}

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

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

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

@@ -1,3 +1,4 @@
-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;
+import type { JSX } from 'react';
+import type { IFlexGrid } from './FlexGrid.type';
+export declare function FlexGrid({ className, items, idIndex, isSelectedIndex, selection, sort, onChange, onClick, onDoubleClick, iconColor, state, }: IFlexGrid): JSX.Element;
 //# sourceMappingURL=FlexGrid.d.ts.map

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,2CAgPX"}
+{"version":3,"file":"FlexGrid.d.ts","sourceRoot":"","sources":["../../../../src/Legacy/Grid/FlexGrid/FlexGrid.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAQhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEhD,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,GAAG,GAAG,CAAC,OAAO,CAgPzB"}