@uncinc/uncinc-react-kitchen-sink 2.7.6 → 2.7.9

package/dist/components/Accordion/AccordionItem/index.d.ts

@@ -8,6 +8,7 @@ declare namespace AccordionItem {
         export let duration: number;
         export let easing: string;
         export { AccordeonTitle as titleComponent };
+        export let defaultValue: boolean;
     }
 }
 import React from 'react';

package/dist/components/Accordion/AccordionItem/index.js

@@ -1,17 +1,15 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
+var _ucs = _interopRequireDefault(require("ucs"));
 var _WysiwygField = _interopRequireDefault(require("../../WysiwygField"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -41,11 +39,14 @@ var AccordionItem = function AccordionItem(props) {
     duration = props.duration,
     easing = props.easing,
     titleComponent = props.titleComponent,
-    className = props.className;
-  var _useState = (0, _react.useState)(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    collapsed = _useState2[0],
-    setCollapsed = _useState2[1];
+    className = props.className,
+    value = props.value,
+    onChange = props.onChange,
+    defaultValue = props.defaultValue;
+  var _useControlledState = (0, _ucs.default)(value, onChange, defaultValue),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    collapsed = _useControlledState2[0],
+    setCollapsed = _useControlledState2[1];
   var classes = (0, _classnames.default)(className, 'Accordion__item', {
     collapsed: collapsed
   });
@@ -76,7 +77,8 @@ AccordionItem.defaultProps = {
   iconClassName: 'icon--arrow-right icon--variant-1',
   duration: 333,
   easing: 'cubic-bezier(0, 0, .2, 1)',
-  titleComponent: AccordeonTitle
+  titleComponent: AccordeonTitle,
+  defaultValue: true
 };
 var _default = AccordionItem;
 exports.default = _default;

package/dist/components/InlineMenu/index.d.ts

@@ -12,7 +12,7 @@ declare function InlineMenu({ autoFill, targetRef, items, scrollToTopOffset, Men
 declare namespace InlineMenu {
     namespace defaultProps {
         export let autoFill: boolean;
-        export let targetRef: HTMLElement;
+        export let targetRef: null;
         export let items: null;
         export let scrollToTopOffset: number;
         export { DefaultMenuItem as MenuItemElement };

package/dist/components/InlineMenu/index.js

@@ -105,7 +105,7 @@ var InlineMenu = function InlineMenu(_ref2) {
   /**
    * Get the offset from the top for an element
    * @param {HTMLElement} element - The element to get the offset of
-   * @returns {Object} - An object containing the top and left offset relative to the passed element
+   * @returns {object} - An object containing the top and left offset relative to the passed element
    */
   var offset = function offset(element) {
     var rect = element.getBoundingClientRect();
@@ -119,7 +119,7 @@ var InlineMenu = function InlineMenu(_ref2) {
 
   /**
    * On click, scroll to the corresponding item in the targetContainer
-   * @param {String} id - The id of the items that was clicked
+   * @param {string} id - The id of the items that was clicked
    * @returns {void}
    */
   var handleClick = function handleClick(id) {
@@ -135,10 +135,10 @@ var InlineMenu = function InlineMenu(_ref2) {
 
   /**
    *  Returns if the element with currentId is currently in its active state based on its offset from top
-   * @param {String} currentId - The id of the element were checking the active state of
-   * @param {String} nextId - The element that comes after in the list
-   * @param {Boolean} activeByDefault - If the element should be active by default if there are no elements yet
-   * @returns {Boolean} - If the element with currentId is active
+   * @param {string} currentId - The id of the element were checking the active state of
+   * @param {string} nextId - The element that comes after in the list
+   * @param {boolean} activeByDefault - If the element should be active by default if there are no elements yet
+   * @returns {boolean} - If the element with currentId is active
    */
   var handleActiveState = function handleActiveState(currentId, nextId, activeByDefault) {
     if (targetContainer) {
@@ -188,7 +188,7 @@ var InlineMenu = function InlineMenu(_ref2) {
 };
 InlineMenu.defaultProps = {
   autoFill: false,
-  targetRef: document.documentElement,
+  targetRef: null,
   items: null,
   scrollToTopOffset: 0,
   MenuItemElement: DefaultMenuItem

package/dist/helpers/date.d.ts

@@ -1,3 +1,3 @@
 export function parseDateWithTimezoneOffset(date: any): string;
 export function isValidDate(date: any): boolean;
-export function doubleDigits(number: int): int;
+export function doubleDigits(number: number): number;

package/dist/helpers/date.js

@@ -17,9 +17,9 @@ var isValidDate = function isValidDate(date) {
 /**
  * Make a time string double digit. So make 9 in to 09.
  *
- * @param {int} number - The number.
+ * @param {number} number - The number.
  *
- * @returns {int} The double digit number.
+ * @returns {number} The double digit number.
  */
 exports.isValidDate = isValidDate;
 var doubleDigits = function doubleDigits(number) {

package/dist/helpers/gtm.d.ts

@@ -5,10 +5,10 @@ declare namespace gtm {
      *
      * @description
      *   Check wether google tag manager has been loaded.
-     * @return {bool}
+     * @return {boolean}
      *   A boolean wether the GTM is loaded or not.
      */
-    function loaded(): bool;
+    function loaded(): boolean;
     /**
      * gtm.register
      *

package/dist/helpers/gtm.js

@@ -24,7 +24,7 @@ var gtm = {
  *
  * @description
  *   Check wether google tag manager has been loaded.
- * @return {bool}
+ * @return {boolean}
  *   A boolean wether the GTM is loaded or not.
  */
 gtm.loaded = function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.7.6",
+  "version": "2.7.9",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",
@@ -32,7 +32,7 @@
     "prepare": "yarn run publish:npm && husky install",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "yalc-watch": "nodemon -e js,jsx --ignore dist --exec \"yalc publish && yalc push\"",
+    "yalc-watch": "nodemon -e js,jsx,ts,tsx --ignore dist --exec \"yalc publish && yalc push\"",
     "publish:npm": "yarn build:js && yarn build:types && yarn build:cleanup",
     "extract": "sb extract",
     "eslint": "NODE_ENV=development eslint './src/**/*.{js,jsx,ts,tsx}'",
@@ -99,6 +99,7 @@
     "sass-loader": "^8.0.2",
     "slick-carousel": "^1.8.1",
     "typescript": "^5.2.2",
+    "ucs": "^1.0.1",
     "uuid": "^9.0.0",
     "videojs-vimeo-tech": "^1.0.0",
     "videojs-youtube": "^2"