imbric-theme 0.1.1

package/utils/isEmpty.js

@@ -0,0 +1,28 @@
+import isObject from './isObject'
+
+const NOT_EMPTIABLE_TYPES = [
+  'number',
+  'undefined',
+  'symbol',
+  'boolean',
+  'bigint',
+  'function',
+]
+
+const isEmpty = (value) => {
+  if (value === null || NOT_EMPTIABLE_TYPES.includes(typeof value)) {
+    throw new Error('The value is not an object, an array or a string')
+  }
+
+  if (isObject(value)) {
+    return (
+      Object.keys(value).length === 0 &&
+      Object.keys(Object.getPrototypeOf(value)).length === 0
+    )
+  }
+
+  if (Array.isArray(value) || typeof value === 'string') {
+    return value.length === 0
+  }
+}
+export default isEmpty

package/utils/isEmpty.test.js

@@ -0,0 +1,125 @@
+import isEmpty from './isEmpty'
+
+describe('[ utils / isEmpty ]', () => {
+  describe('when the `param` is an empty object', () => {
+    it('should return `true`', () => {
+      // Arrange
+      const param = {}
+
+      // Act
+      const result = isEmpty(param)
+      const expected = true
+
+      // Assert
+      expect(result).toBe(expected)
+    })
+  })
+
+  describe('when the `param` is `Object.create({})`', () => {
+    it('should return `true`', () => {
+      // Arrange
+      const param = Object.create({})
+
+      // Act
+      const result = isEmpty(param)
+      const expected = true
+
+      // Assert
+      expect(result).toBe(expected)
+    })
+  })
+
+  describe('when the `param` is an empty array', () => {
+    it('should return `true`', () => {
+      // Arrange
+      const param = []
+
+      // Act
+      const result = isEmpty(param)
+      const expected = true
+
+      // Assert
+      expect(result).toBe(expected)
+    })
+  })
+
+  describe('when the `param` is an empty string', () => {
+    it('should return `true`', () => {
+      // Arrange
+      const param = ''
+
+      // Act
+      const result = isEmpty(param)
+      const expected = true
+
+      // Assert
+      expect(result).toBe(expected)
+    })
+  })
+
+  describe('when the `param` is NOT an empty object', () => {
+    it('should return `false`', () => {
+      // Arrange
+      const param = { foo: 'bar' }
+
+      // Act
+      const result = isEmpty(param)
+      const expected = false
+
+      // Assert
+      expect(result).toBe(expected)
+    })
+  })
+
+  describe('when the `param` is NOT an empty array', () => {
+    it('should return `false`', () => {
+      // Arrange
+      const param = ['foo', 'bar']
+
+      // Act
+      const result = isEmpty(param)
+      const expected = false
+
+      // Assert
+      expect(result).toBe(expected)
+    })
+  })
+
+  describe('when the `param` is NOT an empty string', () => {
+    it('should return `false`', () => {
+      // Arrange
+      const param = 'foo'
+
+      // Act
+      const result = isEmpty(param)
+      const expected = false
+
+      // Assert
+      expect(result).toBe(expected)
+    })
+  })
+
+  const NOT_EMPTIABLE_VALUES = [
+    [42],
+    [null],
+    [undefined],
+    [Symbol()],
+    [true],
+    [10n],
+    [() => {}],
+  ]
+
+  describe('when the params are NOT emptiable', () => {
+    it.each(NOT_EMPTIABLE_VALUES)(
+      'should trhow an error for param `%s`',
+      (param) => {
+        // Act
+        const result = () => isEmpty(param)
+        const expected = 'The value is not an object, an array or a string'
+
+        // Assert
+        expect(result).toThrow(expected)
+      }
+    )
+  })
+})

package/utils/isObject.js

@@ -0,0 +1,4 @@
+const isObject = (obj) =>
+  Object.prototype.toString.call(obj) === '[object Object]'
+
+export default isObject

package/utils/keyboardCodes.js

@@ -0,0 +1,6 @@
+const keyboardCodes = {
+  ENTER: 'Enter',
+  ESC: 'Escape',
+}
+
+export default keyboardCodes

package/utils/testUtils/matchMediaMock.js

@@ -0,0 +1,14 @@
+// https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // deprecated
+    removeListener: jest.fn(), // deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+})

package/utils/testUtils/svgrMock.js

@@ -0,0 +1,2 @@
+export default 'SvgrURL'
+export const ReactComponent = 'div'

package/utils/toCapitalize.js

@@ -0,0 +1,4 @@
+const toCapitalize = (string) =>
+  string.charAt(0).toUpperCase() + string.slice(1)
+
+module.exports = toCapitalize

package/utils/toKebabCase.js

@@ -0,0 +1,8 @@
+const toKebabCase = (string) =>
+  string
+    .replace(/([A-Z])([A-Z])/g, '$1-$2')
+    .replace(/([a-z])([A-Z])/g, '$1-$2')
+    .replace(/[\s_]+/g, '-')
+    .toLowerCase()
+
+module.exports = toKebabCase

package/utils/toPascalCase.js

@@ -0,0 +1,20 @@
+/**
+ * Function to validate a string and capitalize it if necessary
+ * @param {str} str
+ */
+function toPascalCase(str) {
+  const REG_EXP = /[A-Z]/
+
+  if (!REG_EXP.test(str)) {
+    return str
+      .replace(
+        /\w\S*/g,
+        (word) => word.charAt(0).toUpperCase() + word.substr(1).toLowerCase()
+      )
+      .replace(/ /g, '')
+  } else {
+    return str
+  }
+}
+
+module.exports = toPascalCase

package/webpack/cssModules.js

@@ -0,0 +1,30 @@
+// https://github.com/storybookjs/storybook/issues/6055#issuecomment-521046352
+// yarn dev:storybook --debug-webpack
+
+const cssModules = (config) => {
+  // We search the rule defined for `*.css` files
+  const cssRule = config.module.rules.find(
+    (rule) => rule.test && rule.test.test('.css')
+  )
+
+  // We exclude `*.module.css` files from the previous rule
+  cssRule.exclude = /\.module\.css$/
+
+  // We add a our custom rule for `*.module.css` files
+  config.module.rules.push({
+    test: /\.module\.css$/,
+    use: [
+      'style-loader',
+      {
+        loader: 'css-loader',
+        options: {
+          modules: true,
+        },
+      },
+    ],
+  })
+
+  return config
+}
+
+module.exports = cssModules

package/webpack/loadConfigs.js

@@ -0,0 +1,6 @@
+const loadConfigs = (configs) => (storybookConfig) => {
+  configs.forEach((config) => config(storybookConfig))
+  return storybookConfig
+}
+
+module.exports = loadConfigs

package/webpack/reactInlineSvg.js

@@ -0,0 +1,22 @@
+// https://github.com/storybookjs/storybook/issues/9070#issuecomment-635895868
+// yarn dev:storybook --debug-webpack
+
+const reactInlineSvg = (config) => {
+  // We search the rule defined for `*.svg` files
+  const fileRule = config.module.rules.find(
+    (rule) => rule.test && rule.test.test('.svg')
+  )
+
+  // We exclude `*.svg` files from the previous rule
+  fileRule.exclude = /\.svg$/
+
+  // We add a our custom rule for `*.svg` files
+  config.module.rules.push({
+    test: /\.svg$/,
+    loader: ['@svgr/webpack'],
+  })
+
+  return config
+}
+
+module.exports = reactInlineSvg